From e8453ba66c48ea0fca75681969e1829a9f25faf0 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 12:40:43 +0300
Subject: [PATCH] =?UTF-8?q?FlightsMapFilter:=20resize=20toggle=20switch=20?=
 =?UTF-8?q?to=2042=C3=9724=20with=2020px=20thumb=20(Angular=20parity)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FlightsMapStartPage.scss         | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/features/flights-map/components/FlightsMapStartPage.scss b/src/features/flights-map/components/FlightsMapStartPage.scss
index 442f01d0..d70e2b8f 100644
--- a/src/features/flights-map/components/FlightsMapStartPage.scss
+++ b/src/features/flights-map/components/FlightsMapStartPage.scss
@@ -214,12 +214,15 @@
     }
   }
 
+  // Track dimensions mirror Angular `toggle-switch` (42×24 with a 20px
+  // thumb). Keeping the same geometry avoids a visible size mismatch
+  // against the Angular reference in the parity screenshots.
   &__switch {
     display: inline-block;
-    width: 36px;
-    height: 20px;
+    width: 42px;
+    height: 24px;
     background: colors.$border;
-    border-radius: 10px;
+    border-radius: 24px;
     position: relative;
     transition: background-color 150ms ease;
     flex-shrink: 0;
@@ -229,12 +232,12 @@
       position: absolute;
       top: 2px;
       left: 2px;
-      width: 16px;
-      height: 16px;
+      width: 20px;
+      height: 20px;
       background: colors.$white;
       border-radius: 50%;
       transition: transform 150ms ease;
-      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
     }
   }
 
@@ -242,7 +245,7 @@
     background: colors.$blue;
 
     &::before {
-      transform: translateX(16px);
+      transform: translateX(18px);
     }
   }