Fix gpg popover box

app/assets/javascripts/projects/tree/components/commit_pipeline_status_component.vue

@@ -98,7 +98,7 @@
   };
 </script>
 <template>
-  <div>
+  <div class="realtime-ci-status-wrapper">
     <loading-icon
       label="Loading pipeline status"
       size="3"

app/assets/stylesheets/pages/commits.scss

@@ -196,17 +196,17 @@
   @media (min-width: $screen-sm-min) {
     font-size: 0;
 
-    div {
+    .realtime-ci-status-wrapper {
       display: inline;
+
+      .ci-status-icon {
+        font-size: 6px;
+      }
     }
 
     .fa-spinner {
       font-size: 12px;
     }
-
-    span {
-      font-size: 6px;
-    }
   }
 
   .ci-status-link {

changelogs/unreleased/43315-gpg-popover.yml

+---
+title: Fixes gpg popover layout
+merge_request:
+author:
+type: fixed