Merge branch 'align-sec-titles-and-icons' into 'master'

Align titles and icons in Security pages

See merge request gitlab-org/gitlab!62841

ee/app/assets/javascripts/dependencies/components/app.vue

@@ -146,9 +146,10 @@ export default {
 
     <header class="d-md-flex align-items-end my-3">
       <div class="mr-auto">
-        <h2 class="h4 mb-1 mt-0">
+        <h2 class="h4 mb-1 mt-0 gl-display-flex gl-align-items-center">
           {{ __('Dependencies') }}
           <gl-link
+            class="gl-ml-3"
             target="_blank"
             :href="documentationPath"
             :aria-label="__('Dependencies help page link')"

ee/app/assets/javascripts/license_compliance/components/app.vue

@@ -121,9 +121,9 @@ export default {
     </gl-alert>
 
     <header class="my-3">
-      <h2 class="h4 mb-1">
+      <h2 class="h4 mb-1 gl-display-flex gl-align-items-center">
         {{ s__('Licenses|License Compliance') }}
-        <gl-link :href="documentationPath" class="vertical-align-middle" target="_blank">
+        <gl-link :href="documentationPath" class="gl-ml-3" target="_blank">
           <gl-icon name="question" />
         </gl-link>
       </h2>

ee/app/assets/javascripts/threat_monitoring/components/app.vue

@@ -69,10 +69,11 @@ export default {
 <template>
   <section>
     <header class="my-3">
-      <h2 class="h3 mb-1">
+      <h2 class="h3 mb-1 gl-display-flex gl-align-items-center">
         {{ s__('ThreatMonitoring|Threat Monitoring') }}
         <gl-link
           ref="helpLink"
+          class="gl-ml-3"
           target="_blank"
           :href="documentationPath"
           :aria-label="s__('ThreatMonitoring|Threat Monitoring help page link')"