From b7a358dadccf85d401ee60bb286dd35fb8a651c3 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 12:42:04 +0300
Subject: [PATCH] CityAutocomplete item: 48px row height + bottom divider
 (Angular parity)

---
 src/ui/city-autocomplete/CityAutocomplete.scss | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss
index 57124320..06aebc3b 100644
--- a/src/ui/city-autocomplete/CityAutocomplete.scss
+++ b/src/ui/city-autocomplete/CityAutocomplete.scss
@@ -98,11 +98,23 @@
   position: relative;
 }
 
+// Mirror Angular `city-autocomplete-item`: 48px row with a thin
+// bottom divider and the same 0.429em / $space-xl padding scale.
 .city-autocomplete__item {
   white-space: nowrap;
+  height: vars.$button-height;
+  border-bottom: 1.5px solid colors.$border-input;
   display: flex;
   align-items: center;
-  padding: 8px 12px;
+  padding-left: 0.429em;
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &--airport {
+    padding-left: vars.$space-xl;
+  }
 
   .city {
     white-space: nowrap;
@@ -119,10 +131,6 @@
     white-space: nowrap;
     color: colors.$light-gray;
   }
-
-  &--airport {
-    padding-left: 28px;
-  }
 }
 
 .tooltip {