Merge branch '283892-fix-mr-widget-help-icon' into 'master'

Align help icon for code quality MR widget

See merge request gitlab-org/gitlab!60330

app/assets/javascripts/reports/components/report_section.vue

@@ -190,10 +190,14 @@ export default {
       <status-icon :status="statusIconName" :size="24" class="align-self-center" />
       <div class="media-body d-flex flex-align-self-center align-items-center">
         <div data-testid="report-section-code-text" class="js-code-text code-text">
-          <div>
-            {{ headerText }}
+          <div class="gl-display-flex gl-align-items-center">
+            <p class="gl-line-height-normal gl-m-0">{{ headerText }}</p>
             <slot :name="slotName"></slot>
-            <popover v-if="hasPopover" :options="popoverOptions" class="gl-ml-2" />
+            <popover
+              v-if="hasPopover"
+              :options="popoverOptions"
+              class="gl-ml-2 gl-display-inline-flex"
+            />
           </div>
           <slot name="sub-heading"></slot>
         </div>

changelogs/unreleased/283892-fix-mr-widget-help-icon.yml

+---
+title: Align help icon for code quality merge request widget
+merge_request: 60330
+author:
+type: fixed