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 {