From f18e6d4bc0374437ef80655273b1c9ed999c070e Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Sun, 19 Apr 2026 02:23:13 +0300
Subject: [PATCH] Match Angular accordion time values + aircraft property
 values
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Measured Angular computed styles on the deployed reference:
  time-value:    12px / 400 / #F37B09  (mine: bold / #222)
  time-date:     10px / #333            (mine: 12px / blue)
  time-label:    12px / #333            (mine: 12px / #8A8A8A)
  day-change:    10px / baseline / #4A90E2 (mine: 11px / super / blue)
  aircraft lbl:  12px / #657282         (mine: 12px / #8A8A8A)
  aircraft val:  16px / 500 / #333      (mine: bold / #222)

Retune the accordion's transition-time cells ('15:30', '14:45') to
render in brand orange so the red 'Закончена' status stays the loudest
signal, keep the dayChange '-1' badge inline at baseline, and push
aircraft property values up to 16px/500 #333 so 'Салехард / 87 / 75 /
12' read slightly bigger than the small grey labels above them.
---
 .../FlightDetailsAccordion.scss               | 26 ++++++++++++-------
 .../components/details-panels/panels.scss     | 10 ++++---
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
index 78ba4d89..fc4606f8 100644
--- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
+++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
@@ -146,25 +146,31 @@
 
   &__time-label {
     font-size: 12px;
-    color: #8a8a8a;
+    color: #333;
   }
 
+  // Angular renders accordion time values ('15:30', '14:45') at 12px
+  // regular in the brand orange — not bold dark — so the red 'Закончена'
+  // status text stays the loudest element in the row.
   &__time-value {
-    font-weight: 600;
-    color: #222;
+    font-size: 12px;
+    font-weight: 400;
+    color: #f37b09;
   }
 
+  // Day-change badge ('-1'): Angular keeps it inline at baseline (not
+  // superscript) with a slightly softer blue.
   &__day-change {
-    margin-left: 6px;
-    font-size: 11px;
-    font-weight: 500;
-    color: #2457ff;
-    vertical-align: super;
+    margin-left: 4px;
+    font-size: 10px;
+    font-weight: 400;
+    color: #4a90e2;
+    vertical-align: baseline;
   }
 
   &__time-date {
-    font-size: 12px;
-    color: #2457ff;
+    font-size: 10px;
+    color: #333;
   }
 }
 
diff --git a/src/features/online-board/components/details-panels/panels.scss b/src/features/online-board/components/details-panels/panels.scss
index 37b1f447..99503ac2 100644
--- a/src/features/online-board/components/details-panels/panels.scss
+++ b/src/features/online-board/components/details-panels/panels.scss
@@ -69,12 +69,16 @@
 
   &__label {
     font-size: 12px;
-    color: #8a8a8a;
+    color: #657282;
   }
 
+  // Aircraft property values ('Салехард', '87', '75', '12'). Angular
+  // shows these at 16px/500/#333 — larger and darker than the label,
+  // but not bold.
   &__value {
-    font-weight: 600;
-    color: #222;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
   }
 
   &__prop--link .aircraft-panel__value {