Align submit buttons for policy cards

What does this MR do and why?

Align submit buttons for policy cards

Submit buttons have to aligned based on top border

This change modifies the layout of a policy type selector component in a security orchestration interface. The main update adds a conditional CSS class to a div element, which will apply a 'gl-mt-auto' class if the 'option.hasMax' property is false. This adjustment likely improves the visual alignment of elements within the selector, particularly when there's no maximum limit set for an option. The change is small but can enhance the user interface's consistency and appearance.

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

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

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Description UI
Before Screenshot 2025-03-03 at 11.19.14.png
After buttons Screenshot 2025-03-03 at 11.28.05.png
After text (unchanged) Screenshot 2025-03-03 at 11.32.43.png

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Go to a Group?project
  2. Secure -> Policies
  3. New policy

Related to #522945 (closed)

Merge request reports

Loading