Fix group page metrics layout on smaller screens
What does this MR do and why?
Fix the metrics layout of the top-level group page on smaller and medium screen sizes. Previously, the metrics area would stack and push key content far down the page for widths below 1503px, resulting in a poor first-time experience for trial users.
Implementation details
Adjusted the layout rules for the group header and metrics area so that: - The metrics section no longer abruptly switches to a fully stacked layout just below 1503px. - Content remains visible “above the fold” for small and medium screen sizes after trial completion. - Kept existing behaviour for large screens, minimizing visual change where the layout was already acceptable.
Screenshots or screen recordings
Previous Behaviour
| Page at 1503 px | Page at 1502 px |
|---|---|
 |
 |
How to set up and validate locally
- Visit any group pages after Trial Registration such as
http://127.0.0.1:3000/groups/flightjs
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #595037 (closed)