Fix search input focus text alignement and overscroll-behavior for results (#1891)

Author: simonprev

assets/css/autocomplete.css

@@ -107,6 +107,7 @@
   max-height: 450px;
   white-space: normal;
   overflow-x: hidden;
+  overscroll-behavior-y: contain;
 }
 
 .autocomplete-suggestions.previewing:has(.selected) {
@@ -245,4 +246,4 @@
   .autocomplete-results .press-return {
     display: none;
   }
-}
+}

assets/css/search-bar.css

@@ -25,7 +25,7 @@
 
 .top-search .search-bar .search-input {
   background-color: var(--searchSearch);
-  border: none;
+  border: 1px solid transparent;
   border-radius: 8px;
   color: var(--searchAccentMain);
   position: relative;
@@ -40,7 +40,7 @@
 }
 
 .top-search .search-bar .search-input:focus {
-  border: 1px solid var(--searchBarFocusColor);
+  border-color: var(--searchBarFocusColor);
   border-radius: 8px;
   position: relative;
   box-shadow: 0px 4px 20px 0px var(--searchBarBorderColor) inset;