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 {