"Your review" button wrapping incorrectly at smaller viewports

Bug

The "Your review" button is wrapping incorrectly at viewport width sizes of 861-890px.

Screenshot

Expected outcome

Buttons to move into this layout at an earlier breakpoint (stacked) This doesn't work because this means with panels on a small laptop the content would be pushed down much more.

Notes

Related to the todo and notification buttons that are currently behind FF #426305

In particular it is when the screen is between md and lg that this is causing an issue. At smaller breakpoints the merge request header is not sticky by design #365895 (comment 1001399803). The work-item headers are sticky at all breakpoints so perhaps it is time to revisit this decision and to help clean up the header in general.

• xs: <576px
• sm: ≥576px
• md: ≥768px
• lg: ≥992px
• xl: ≥1200px

At browser width of 1440px, with panels and sidebar open the space for the merge request page is 752px so there for the buttons are stacking but there is potentially a better layout since this is a non-mobile device instance.