Fix: Improve VSA edit modal responsiveness

What does this MR do and why?

Fixes #349008 (closed)

  • Switches the flex direction to column for small screens
  • Re-arranges the template to take advantage of the flex direction change
  • Adds gl-sm-mt-6 utility class which will be moved to gitlab-ui in a follow-up MR

Screenshots

Default stages

Before

master_default_350

After

branch_default_350


Custom stages

Before

master_custom_350

After

branch_custom_350

How to set up and validate locally

#349008 (closed)

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Alex Pennells

Merge request reports

Loading