From 5afebecfe7bd32aa0127895f635f8183b40eed69 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 12:48:35 +0300
Subject: [PATCH] FlightsMapFilter: add Angular's 'ROUTE' header above
 departure/arrival inputs

---
 src/features/flights-map/components/FlightsMapFilter.tsx  | 4 ++++
 .../flights-map/components/FlightsMapStartPage.scss       | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/features/flights-map/components/FlightsMapFilter.tsx b/src/features/flights-map/components/FlightsMapFilter.tsx
index 70ed4f80..0eb631e7 100644
--- a/src/features/flights-map/components/FlightsMapFilter.tsx
+++ b/src/features/flights-map/components/FlightsMapFilter.tsx
@@ -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")}
diff --git a/src/features/flights-map/components/FlightsMapStartPage.scss b/src/features/flights-map/components/FlightsMapStartPage.scss
index d70e2b8f..4fa1a09d 100644
--- a/src/features/flights-map/components/FlightsMapStartPage.scss
+++ b/src/features/flights-map/components/FlightsMapStartPage.scss
@@ -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;