Merge branch '45453-fix-delete-protected-branch-btn' into 'master'

Fixes modal button alignment for protected branches

The buttons in the footer were misaligned due to our CSS
styling only buttons correctly. The CSS was updated to
look for the first element regardless of its type.

Closes #45453

See merge request gitlab-org/gitlab-ce!22024

app/assets/stylesheets/framework/modal.scss

@@ -59,7 +59,7 @@
   }
 
   @include media-breakpoint-up(sm) {
-    .btn:first-of-type {
+    .btn:nth-child(1) {
       margin-left: auto;
     }
   }

changelogs/unreleased/45453-fix-delete-protected-branch-btn.yml

+---
+title: Fixes modal button alignment
+merge_request: 22024
+author: Jacopo Beschi @jacopo-beschi
+type: fixed