Fix alignment of blob controls when on a mobile layout
What does this MR do and why?
- removes the left margin trick from the open MRs badge
- uses flex property for blob controls to align them to the right side
References
Screenshots or screen recordings
| Viewport size | Before | After |
|---|---|---|
xs (<576px) |
 |
 |
sm (>=576px) |
 |
 |
| Viewport size | Before | After |
|---|---|---|
xs (<576px) |
 |
 |
sm (>=576px) |
 |
 |
How to set up and validate locally
- In rails console enable the feature flag
Feature.enable(:blob_overflow_menu) - Open Project / Code /Repository and choose a file
- Make sure your viewport is around 500px wide or less. Make sure the blob controls align to the right.
- Open a file that has opened merge requests badge and verify blob controls there are also alight to the right.
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 #535480 (closed)
Edited by Paulina Sedlak-Jakubowska