diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss index 6bf2bf02..a58a4abc 100644 --- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss +++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss @@ -66,17 +66,23 @@ gap: 16px; } + // Angular's sprite icons (#service, #board, #deboard, #company, #food, + // #additional_service) render at ~47×47 — significantly larger than a + // typical row affordance. Scale the React placeholders accordingly so + // the icon column has comparable weight. Keep the stroke neutral grey. &__icon { display: inline-flex; align-items: center; justify-content: center; - width: 28px; - height: 28px; - // Angular renders the transition/aircraft icons in a neutral grey - // (sprite stroke = #657282). Match it so the row doesn't overpower - // the red 'Закончена' status next to it. + width: 44px; + height: 44px; color: #657282; flex-shrink: 0; + + svg { + width: 100%; + height: 100%; + } } &__title-block { diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx b/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx index 636eeacd..2b780308 100644 --- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx +++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.tsx @@ -42,7 +42,7 @@ interface RowDef { // Registration — person with a badge/ID on the chest, mirroring Angular's // sprite #service icon (check-in agent silhouette). const ICON_REGISTRATION: JSX.Element = ( -