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); } }