Merge branch 'mr-popover-spacing-fix' into 'master'

Fix alignment of MR popover

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/135940



Merged-by: Natalia Tepluhina <ntepluhina@gitlab.com>
Approved-by: Lorenz van Herwaarden <lvanherwaarden@gitlab.com>
Approved-by: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Approved-by: Natalia Tepluhina <ntepluhina@gitlab.com>
Co-authored-by: Sascha Eggenberger <seggenberger@gitlab.com>

app/assets/javascripts/issuable/popover/components/mr_popover.vue

@@ -96,14 +96,14 @@ export default {
       </gl-skeleton-loader>
       <div v-else-if="showDetails" class="d-flex align-items-center justify-content-between">
         <div class="d-inline-flex align-items-center">
-          <gl-badge class="gl-mr-3" :variant="badgeVariant">
+          <gl-badge class="gl-mr-2" :variant="badgeVariant">
             {{ stateHumanName }}
           </gl-badge>
           <span class="gl-text-secondary">
             {{ __('Opened') }} <time v-text="formattedTime"></time
           ></span>
         </div>
-        <ci-icon v-if="detailedStatus" :status="detailedStatus" />
+        <ci-icon v-if="detailedStatus" :status="detailedStatus" class="gl-ml-2" />
       </div>
       <h5 v-if="!$apollo.queries.mergeRequest.loading" class="my-2">{{ title }}</h5>
       <!-- eslint-disable @gitlab/vue-require-i18n-strings -->