Match Angular meal/service link color and DayTab number size

- 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.
This commit is contained in:
2026-04-19 02:32:09 +03:00
parent f18e6d4bc0
commit 83d110d3c6
2 changed files with 14 additions and 3 deletions
@@ -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;
}
@@ -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;