diff --git a/index.html b/index.html index 5b24fee..0bd3446 100644 --- a/index.html +++ b/index.html @@ -18,19 +18,19 @@ }); } --> - + Search • Casa Mia - + - - + + - + diff --git a/js_modules/utils/dialog.js b/js_modules/utils/dialog.js index d4cb5db..4599d23 100644 --- a/js_modules/utils/dialog.js +++ b/js_modules/utils/dialog.js @@ -74,8 +74,8 @@ export const showInputDialog = ( const inputFields = document.getElementsByClassName('inputField'); let tickBoxField = document.getElementById('tickBoxField'); if (tickBoxField) tickBoxField = tickBoxField.ariaChecked; - inputFields[0].focus(); + modalContainer.style.paddingBlockStart = '4em'; const rejectModal = () => { modalCancelButton.removeEventListener('click', rejectModal); diff --git a/style.css b/style.css index 52de1a7..f3dc114 100644 --- a/style.css +++ b/style.css @@ -1119,8 +1119,10 @@ input::-webkit-search-cancel-button:hover { -webkit-backdrop-filter: blur(2px); z-index: 5; display: flex; - align-items: center; + align-items: flex-start; justify-content: center; + padding-block-start: 0em; + transition: 600ms; } .modal { @@ -1142,7 +1144,7 @@ input::-webkit-search-cancel-button:hover { .modalDescription { padding-bottom: 2em; - font-size: 0.8em; + font-size: 0.9em; font-weight: 100; }