gnezim
2ae25e630a
Measured track Angular uses for .flight-route:
grid-template-columns: [depart-at] 97 [depart-to] 233
[status] 472 [arrive-at] 97
[arrive-to] 107
padding: 50px 20px 0;
React was rendering a symmetric 5-column grid
(1fr for every non-time column), which cut the progress/status column
to ~25% of the strip instead of ~40%. Visually the effect was a
cramped 'Прибыл' label with barely any room for the green progress
bar. Retune to an asymmetric grid with `minmax(300px, 2.5fr)` on the
status column and lift the top padding to 40px.
Also switch the route→details and accordion-row hairlines from
#e0e6f0 / dashed to Angular's measured 1.3px dotted #D1DCEA for a
softer, identical visual.