Fix UX debt from adapt MR merge widget to new framework
We identified a few inconsistencies and gaps in what was implemented vs the specs:
- Actions and title should have larger spacing between them (current vs specs).
-
Actions should be ordered from most to least important, both visually and in the markup (image).
- Visually, on
768px +
breakpoints, actions are right-aligned, with the most important on the right. On<768px
breakpoints, the most important action is at the top.
- Visually, on
- The title line-height should be smaller (current vs specs).
- Details section has different text styles:
- Regardless of breakpoint, when there isn't enough space for the title and buttons, the buttons should go below the title and have some space between them (image).
Edited by Stanislav Lashmanov