Fix layout of Comment type dropdown for small viewports

Chad Lavimoniererequested to merge
20240905-clavimoniere-issue-comment-button-mobile into master

What does this MR do and why?

The comment type dropdown on issues is changing to a mobile style in small viewports, but it should do so in xs viewports instead.

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)
(UNCHANGED)		 gdk.test_3000_flightjs_Flight_-issues_92__3 gdk.test_3000_flightjs_Flight_-_issues_92
sm (>=576px) gdk.test_3000_flightjs_Flight_-issues_92__2 gdk.test_3000_flightjs_Flight_-issues_92__1

(Unchanged for larger viewport widths)

How to set up and validate locally

  1. Check out this branch
  2. Visit an issue
  3. Adjust the viewport to be between 576 and 768px wide
  4. The comment type dropdown and the close issue button should be inline with each other
  5. Adjust the viewport so that it is less than 576px wide
  6. the comment type dropdown and the close issue button will both be full width

Related to #469616 (closed)

Merge request reports