From 83d110d3c6ceac9933af4c4c54e0aa1792738e48 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Sun, 19 Apr 2026 02:32:09 +0300
Subject: [PATCH] Match Angular meal/service link color and DayTab number size
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Meal + on-board-service tile links ('Эконом класс', 'Комфорт класс',
  'Выбор места', 'Space+') were rendering at 14px / #333 — readable but
  not discoverable as clickable. Angular serves them at 12px / #4A90E2
  with a darker hover so the whole tile reads as a link. Retune
  .details-panel__icon accordingly.
- DayTab day number was 20px / 500; Angular uses 16px / 500 with a
  smaller 11px weekday above it. Shrink day + weekday to match so the
  date strip doesn't dominate the card.
---
 .../online-board/components/DayTabs/DayTabs.scss       |  7 +++++--
 .../online-board/components/details-panels/panels.scss | 10 +++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss
index 2cec93e1..1eb242ac 100644
--- a/src/features/online-board/components/DayTabs/DayTabs.scss
+++ b/src/features/online-board/components/DayTabs/DayTabs.scss
@@ -22,13 +22,16 @@
     cursor: not-allowed;
   }
 
+  // Angular's tabs size each line small: weekday 11px, day number 16px,
+  // month 12px. Active tab keeps everything the same size but switches to
+  // #333 and weight 500; siblings stay in the brand link blue.
   &__weekday {
-    font-size: 12px;
+    font-size: 11px;
     display: block;
   }
 
   &__day {
-    font-size: 20px;
+    font-size: 16px;
     font-weight: 500;
     display: block;
   }
diff --git a/src/features/online-board/components/details-panels/panels.scss b/src/features/online-board/components/details-panels/panels.scss
index 99503ac2..61884149 100644
--- a/src/features/online-board/components/details-panels/panels.scss
+++ b/src/features/online-board/components/details-panels/panels.scss
@@ -86,12 +86,20 @@
   }
 }
 
+// Meal/service icon links ('Эконом класс', 'Выбор места', 'Space+', …).
+// Angular renders the label text at 12px in #4A90E2 (brand link blue),
+// which hints the whole tile is clickable without underlining.
 .details-panel__icon {
   display: inline-flex;
   align-items: center;
   gap: 6px;
+  font-size: 12px;
+  color: #4a90e2;
   text-decoration: none;
-  color: inherit;
+
+  &:hover {
+    color: #2457ff;
+  }
 
   img {
     width: 24px;