From 2bc61de87dd6b6d81eaf972eef492b987673c8aa Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 18:05:50 +0300
Subject: [PATCH] Replace gap 10/12/15/20px literals with vars.$space-m/m2/l/xl
 tokens across 5 SCSS files

---
 .../components/BoardDetailsHeader/BoardDetailsHeader.scss   | 2 +-
 .../components/FlightSchedule/FlightSchedule.scss           | 2 +-
 .../online-board/components/details-panels/panels.scss      | 6 +++---
 src/features/schedule/components/DayGroupedFlightList.scss  | 2 +-
 src/features/schedule/components/ScheduleStartPage.scss     | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
index 14d40e79..26a999f8 100644
--- a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+++ b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
@@ -64,7 +64,7 @@
 .details-header-badge {
   display: flex;
   align-items: center;
-  gap: 10px; // Angular h-spacing($space-m) between flight number + logo
+  gap: vars.$space-m; // Angular h-spacing($space-m) between flight number + logo
 
   &__flight-number {
     display: flex;
diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index c5b4fc8b..3e094f0a 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -101,7 +101,7 @@
   @media (max-width: 768px) {
     &__body {
       grid-template-columns: 1fr;
-      gap: 12px;
+      gap: vars.$space-m2;
     }
   }
 }
diff --git a/src/features/online-board/components/details-panels/panels.scss b/src/features/online-board/components/details-panels/panels.scss
index 8a03d138..13932ecd 100644
--- a/src/features/online-board/components/details-panels/panels.scss
+++ b/src/features/online-board/components/details-panels/panels.scss
@@ -51,7 +51,7 @@
 
 .details-panel__icons {
   display: flex;
-  gap: 12px;
+  gap: vars.$space-m2;
   flex-wrap: wrap;
 }
 
@@ -62,8 +62,8 @@
 .aircraft-panel {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
-  column-gap: 15px;
-  row-gap: 15px;
+  column-gap: vars.$space-l;
+  row-gap: vars.$space-l;
   padding: 4px 0;
 
   @media (max-width: 1050px) and (min-width: 769px) {
diff --git a/src/features/schedule/components/DayGroupedFlightList.scss b/src/features/schedule/components/DayGroupedFlightList.scss
index b8aa45d3..3ade819f 100644
--- a/src/features/schedule/components/DayGroupedFlightList.scss
+++ b/src/features/schedule/components/DayGroupedFlightList.scss
@@ -68,7 +68,7 @@
   &__header {
     display: flex;
     align-items: center;
-    gap: 12px;
+    gap: vars.$space-m2;
     padding: vars.$space-xl;
     background: colors.$blue-extra-light;
     border-bottom: 1px solid colors.$border;
diff --git a/src/features/schedule/components/ScheduleStartPage.scss b/src/features/schedule/components/ScheduleStartPage.scss
index 96706900..8aa6a402 100644
--- a/src/features/schedule/components/ScheduleStartPage.scss
+++ b/src/features/schedule/components/ScheduleStartPage.scss
@@ -148,7 +148,7 @@
       display: flex;
       flex-direction: row;
       align-items: center;
-      gap: 10px;
+      gap: vars.$space-m;
       font-weight: normal;
       margin-bottom: 0;
       cursor: pointer;