Replace 8px directional margins with vars.$space-s2 (3 files)

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 {

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 {

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;