Merge branch 'on-demand-scans-profile-selectors-alignment' into 'master'

Fix card headers alignment in on-demand scans form

See merge request gitlab-org/gitlab!51133

ee/app/assets/javascripts/on_demand_scans/components/profile_selector/profile_selector.vue

@@ -42,8 +42,8 @@ export default {
   <gl-card>
     <template #header>
       <div class="row">
-        <div class="col-7">
-          <h3 class="gl-font-lg gl-display-inline">
+        <div class="col-7 gl-display-flex gl-align-items-center">
+          <h3 class="gl-font-lg gl-my-0">
             <slot name="title"></slot>
           </h3>
         </div>

ee/changelogs/unreleased/on-demand-scans-profile-selectors-alignment.yml

+---
+title: Fix on-demand scans profile selectors' title alignment
+merge_request: 51133
+author:
+type: fixed

ee/spec/frontend/on_demand_scans/components/profile_selector/__snapshots__/scanner_profile_selector_spec.js.snap

@@ -13,10 +13,10 @@ exports[`OnDemandScansScannerProfileSelector renders properly with profiles 1`]
       class="row"
     >
       <div
-        class="col-7"
+        class="col-7 gl-display-flex gl-align-items-center"
       >
         <h3
-          class="gl-font-lg gl-display-inline"
+          class="gl-font-lg gl-my-0"
         >
           Scanner profile
         </h3>
@@ -218,10 +218,10 @@ exports[`OnDemandScansScannerProfileSelector renders properly without profiles 1
       class="row"
     >
       <div
-        class="col-7"
+        class="col-7 gl-display-flex gl-align-items-center"
       >
         <h3
-          class="gl-font-lg gl-display-inline"
+          class="gl-font-lg gl-my-0"
         >
           Scanner profile
         </h3>

ee/spec/frontend/on_demand_scans/components/profile_selector/__snapshots__/site_profile_selector_spec.js.snap

@@ -13,10 +13,10 @@ exports[`OnDemandScansSiteProfileSelector renders properly with profiles 1`] = `
       class="row"
     >
       <div
-        class="col-7"
+        class="col-7 gl-display-flex gl-align-items-center"
       >
         <h3
-          class="gl-font-lg gl-display-inline"
+          class="gl-font-lg gl-my-0"
         >
           Site profile
         </h3>
@@ -218,10 +218,10 @@ exports[`OnDemandScansSiteProfileSelector renders properly without profiles 1`]
       class="row"
     >
       <div
-        class="col-7"
+        class="col-7 gl-display-flex gl-align-items-center"
       >
         <h3
-          class="gl-font-lg gl-display-inline"
+          class="gl-font-lg gl-my-0"
         >
           Site profile
         </h3>