FlightsMapFilter: add Angular's 'ROUTE' header above departure/arrival inputs

2026-04-20 12:48:35 +03:00
parent b7a358dadc
commit 5afebecfe7
2 changed files with 12 additions and 0 deletions
@@ -153,6 +153,10 @@ export const FlightsMapFilter: FC<FlightsMapFilterProps> = ({

  return (
    <div className="flights-map-filter" data-testid="flights-map-filter">
+      <div className="flights-map-filter-header">
+        <h3>{t("FLIGHTS-MAP.ROUTE")}</h3>
+      </div>
+
      <CityAutocomplete
        label={t("SHARED.DEPARTURE_CITY")}
        placeholder={t("FLIGHTS-MAP.FILTER_DEPARTURE_PLACEHOLDER")}
@@ -121,6 +121,14 @@
  flex-direction: column;
  gap: vars.$space-m;

+  .flights-map-filter-header {
+    padding: vars.$space-m 0;
+
+    h3 {
+      margin: 0;
+    }
+  }
+
  &__field {
    display: flex;
    flex-direction: column;