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 {