CityAutocomplete item: 48px row height + bottom divider (Angular parity)

2026-04-20 12:42:04 +03:00
parent e8453ba66c
commit b7a358dadc
1 changed files with 13 additions and 5 deletions
@@ -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 {