diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss index 06aebc3b..03717a8d 100644 --- a/src/ui/city-autocomplete/CityAutocomplete.scss +++ b/src/ui/city-autocomplete/CityAutocomplete.scss @@ -84,7 +84,7 @@ } &:hover { - background-color: #fff !important; + background-color: colors.$white !important; border-left-color: colors.$border-input !important; } diff --git a/src/ui/flights/TimeGroup.scss b/src/ui/flights/TimeGroup.scss index 4c674043..43628890 100644 --- a/src/ui/flights/TimeGroup.scss +++ b/src/ui/flights/TimeGroup.scss @@ -34,9 +34,21 @@ margin-left: vars.$space-s; } + // Mirrors Angular `day-change-square.component.scss`: a 1px box in + // $blue-icon with 2px rounding + 10px bold $blue-light text, not a + // plain `+1` string. Renders as a small chip next to the time. &__day-change { + display: inline-block; margin-top: vars.$space-s; margin-left: vars.$space-s; + padding: 0 3px; + border: 1px solid colors.$blue-icon; + border-radius: 2px; + font-size: fonts.$font-size-xs; + line-height: 11px; + text-align: center; + color: colors.$blue-light; + font-weight: fonts.$font-bold; } &__old-time,