Fix layout of suggestion management buttons on mobile

What does this MR do and why?

Fix layout of suggestion management buttons on mobile

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Viewport size Before After
xs (<576px) gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__1 gdk.test_3000_flightjs_Flight_-_merge_requests_22_diffs
xs (<576px) when a batch is in progress gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__10 gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__11
sm (>=576px) gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__2 gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__3
sm (>=576px) when a batch is in progress (NO CHANGE) gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__13 gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__12
md (>=768px) (NO CHANGE) gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__5 gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__4
lg (>=992px) (NO CHNAGE) gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__6 gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__7
xl (>=1200px) (NO CHANGE) gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__9 gdk.test_3000_flightjs_Flight_-merge_requests_22_diffs__8

How to set up and validate locally

  1. Check out this branch
  2. Visit or create an MR in the GDK that has at least one changed line of code
  3. Comment with a suggestion
  4. Narrow the viewport to 393px wide

Merge request reports

Loading