From da896260e6b3f40e2afaa407945a54eb8e826cd2 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 19:02:31 +0300
Subject: [PATCH] Replace 8px directional margins with vars.$space-s2 (3 files)

---
 .../components/FlightSchedule/FlightSchedule.scss           | 2 +-
 src/ui/city-autocomplete/CityAutocomplete.scss              | 2 +-
 src/ui/city-autocomplete/CityPickerPopup.scss               | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index ec8e34d6..c96c61a7 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -88,7 +88,7 @@
   &__section-title {
     font-size: fonts.$font-size-s;
     color: colors.$text-color;
-    margin-bottom: 8px;
+    margin-bottom: vars.$space-s2;
   }
 
   &__note {
diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss
index 34c455fb..ea055dc9 100644
--- a/src/ui/city-autocomplete/CityAutocomplete.scss
+++ b/src/ui/city-autocomplete/CityAutocomplete.scss
@@ -12,7 +12,7 @@
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    margin-bottom: 8px;
+    margin-bottom: vars.$space-s2;
   }
 
   &__label {
diff --git a/src/ui/city-autocomplete/CityPickerPopup.scss b/src/ui/city-autocomplete/CityPickerPopup.scss
index f1933d2a..17d78cde 100644
--- a/src/ui/city-autocomplete/CityPickerPopup.scss
+++ b/src/ui/city-autocomplete/CityPickerPopup.scss
@@ -9,7 +9,7 @@
   border-radius: vars.$border-radius;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   z-index: 10000;
-  margin-top: 8px;
+  margin-top: vars.$space-s2;
 
   .tabs {
     display: flex;
@@ -56,7 +56,7 @@
       &.country-start-row {
         border-top: 1px solid colors.$border-input;
         padding-top: 12px;
-        margin-top: 8px;
+        margin-top: vars.$space-s2;
 
         &:first-child {
           border-top: none;
@@ -95,7 +95,7 @@
           display: flex;
           flex-direction: column;
           align-items: flex-start;
-          margin-bottom: 8px;
+          margin-bottom: vars.$space-s2;
 
           .city--item {
             color: colors.$light-gray;