From fd79fa0fafc099a427e3ca4c47cb4b692a176115 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Sun, 19 Apr 2026 02:06:35 +0300
Subject: [PATCH] =?UTF-8?q?Match=20Angular=20typography=20on=20row=20title?=
 =?UTF-8?q?s,=20=D0=97=D0=B0=D0=BA=D0=BE=D0=BD=D1=87=D0=B5=D0=BD=D0=B0=20s?=
 =?UTF-8?q?tatus,=20last-update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Accordion row captions ('Регистрация', 'Посадка', 'Высадка', 'Борт',
  'Питание на борту', 'Услуги на борту') were rendered at 14px/500/#222.
  Angular shows them at 12px/400/#657282 (neutral grey) so the row reads
  as [icon] [small caption + large status] rather than competing with
  the status text. Retune.
- Status labels ('Закончена' / 'Идет' / 'Ожидается') bumped from 14px
  to 16px and the Finished color switched from #e55353 to Aeroflot red
  #c8102e to match the corporate palette Angular uses.
- Last-update strip ('Последнее обновление: 18:25 18.04.2026') sized
  from 14px/#666 down to 12px/#333 so it sits quietly under the share
  icon instead of fighting for attention.
---
 .../BoardDetailsHeader/BoardDetailsHeader.scss     |  7 +++++--
 .../details-panels/FlightDetailsAccordion.scss     | 14 +++++++++-----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
index 392a3494..6d860bff 100644
--- a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+++ b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
@@ -78,9 +78,12 @@
 .last-update {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
+  font-size: 12px;
+  color: #333;
 
-  &__description { font-size: 12px; color: #666; }
+  &__description { font-size: 12px; color: #333; }
+  &__time { font-size: 12px; color: #333; }
 
   .share-button-wrap {
     @media (min-width: 769px) { display: none; }
diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
index 29e515e0..78ba4d89 100644
--- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
+++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
@@ -83,10 +83,12 @@
     gap: 4px;
   }
 
+  // Row caption label (Регистрация / Борт / Питание на борту / etc.)
+  // Angular renders at 12px in a neutral grey (#657282).
   &__title {
-    font-weight: 500;
-    color: #222;
-    font-size: 14px;
+    font-weight: 400;
+    color: #657282;
+    font-size: 12px;
   }
 
   &__subtitle {
@@ -96,8 +98,10 @@
     word-break: break-word;
   }
 
+  // Status label (Закончена / Идет / Ожидается). Angular sizes it 16px
+  // and uses Aeroflot red (#C8102E) for the 'Finished' state.
   &__status {
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 500;
 
     &--scheduled {
@@ -110,7 +114,7 @@
     }
 
     &--finished {
-      color: #e55353;
+      color: #c8102e;
     }
 
     &--expected {