Fix MR widget “merge” section elements alignment
This is an actionable insight from the UX Department: MRs experience async critique research (insight).
What
The merge request widget “merge” section has many alignment issues with the different text and button elements. Here are some examples:
FF-merge | Fork MR | Merge button |
---|---|---|
Extra space before “Fast-forward…” | Indentation of “Allows commits…” and elements below it | Misaligned “Merge” button and “You can…” text |
![]() |
![]() |
![]() ![]() |
Why
These misalignments contribute to a lack of polish in the UI and impact the sense of trust that users place on the product.
How
Fix the alignment of elements in the MR widget “merge” section.
Edited by Pedro Moreira da Silva