diff --git a/src/features/schedule/components/DayGroupedFlightList.scss b/src/features/schedule/components/DayGroupedFlightList.scss index 9bc46bf5..1bbea4f9 100644 --- a/src/features/schedule/components/DayGroupedFlightList.scss +++ b/src/features/schedule/components/DayGroupedFlightList.scss @@ -10,7 +10,7 @@ display: grid; // Match FlightCard schedule grid column widths so labels align // with their data columns. - grid-template-columns: 80px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px; + grid-template-columns: 60px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px; gap: 16px; padding: 14px 24px; color: colors.$light-gray; diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss index 58733f93..a2d6fbf6 100644 --- a/src/ui/flights/FlightCard.scss +++ b/src/ui/flights/FlightCard.scss @@ -54,8 +54,9 @@ // Schedule mode swaps the central status column for a wider duration // pill — Angular's grid widens the station/duration tracks to fit. + // Number column stays at 60px to match Angular's row-part-header. &--schedule .flight-card__row { - grid-template-columns: 80px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px; + grid-template-columns: 60px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px; gap: 0 vars.$space-l; }