diff --git a/frontend/src/css/search.css b/frontend/src/css/search.css index 3749ccab..321fdceb 100644 --- a/frontend/src/css/search.css +++ b/frontend/src/css/search.css @@ -13,6 +13,7 @@ .geoapify-autocomplete-items { position: absolute; +<<<<<<< HEAD left: 0%; /* This need to be improve later to align with the left side of search input box*/ top: calc(100% + 2px); width: 120%; @@ -21,6 +22,16 @@ border-radius: 5px; overflow: hidden; background-color: #f6f6f6be; +======= + top: calc(100% + 2px); + width: 280px; + + background-color: #ddddddbd; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 5px; + overflow: hidden; + +>>>>>>> parent of 0157d61 (Merge remote-tracking branch 'origin/search-list-format' into 71-topbar-beautify) box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); z-index: calc(var(--navbar-z-index)+20); } @@ -28,45 +39,34 @@ .geoapify-autocomplete-items div { padding: 10px; cursor: pointer; - width: 250px; - color: #333; - font-size: 14px; } .geoapify-autocomplete-items div:hover { - background-color: #eef4fc; + background-color: rgba(212, 43, 198, 0.223); width: 250px; } .geoapify-autocomplete-items .active { - background-color: #eef4fc; + background-color: rgba(212, 43, 198, 0.223); width: 250px; } .geoapify-autocomplete-item { display: inline-flex; - justify-content: space-between; - margin-right: 0px; - width: 230px; + margin-right: 5px; + width: 200px; flex-direction: row; align-items: left; } .geoapify-autocomplete-item .icon { display: inline-flex; - align-items: center; - margin-right: 10px; - margin-left: 6px; - width: 20px; + margin-right: 5px; + width: 200px; height: 24px; color: rgba(0, 0, 0, 0.6); } -.geoapify-autocomplete-item .icon svg { - height: 16px; - color: #2e75f1; -} - .geoapify-autocomplete-item .icon.emoji { color: unset; width: 100px; @@ -74,6 +74,7 @@ opacity: 0.9; } +<<<<<<< HEAD /* Address text format*/ .geoapify-autocomplete-item .address { display: flex; @@ -93,11 +94,14 @@ z-index: calc(var(--navbar-z-index)+22); } +======= +>>>>>>> parent of 0157d61 (Merge remote-tracking branch 'origin/search-list-format' into 71-topbar-beautify) .geoapify-close-button { position: absolute; right: 0%; width: 30px; top: 0px; + height: 100%; display: none; align-items: center;