Align delete policy button

What does this MR do and why?

Align delete policy button

The Delete button is now aligned with submit and cancel buttons

This change improves the layout of the policy editor interface by making the button container take up the full width and repositioning the "Delete policy" button. The delete button is now placed inside the same container as the other buttons, rather than being separate. On medium and larger screens, the delete button will automatically align to the right side of the container thanks to the added md:gl-ml-auto class. This creates a more balanced and organized button layout while maintaining the same functionality.

References

Screenshots or screen recordings

Description UI
Before CTA_alignment_screenshot.png
After lg Screenshot 2025-05-12 at 23.48.36.png
After md Screenshot 2025-05-12 at 23.50.10.png
After sm Screenshot 2025-05-12 at 23.50.21.png

How to set up and validate locally

  1. Secure -> Policies
  2. New policy create any policy if there none
  3. If you have policies, edit policy
  4. Check delete button alignment

MR acceptance checklist

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

Related to #524164 (closed)

Merge request reports

Loading