Draft: Adjust chrome styling below lg breakpoint
What does this MR do and why?
Playing with the padding/margin/styling to feel less squeezed on a mobile layout. Most notably when dropping below the lg breakpoint which is when the AI rail changes its orientation.
References
https://gitlab.com/gitlab-org/gitlab/-/issues/564999#note_2781117668
Screenshots or screen recordings
| Before | After |
|---|---|
|
|
|
|
How to set up and validate locally
- Turn on the new UI
- Scale down the viewport to different viewports.
- Navigate around
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.