Add missing class to parent element and remove extra CSS

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

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

app/assets/stylesheets/pages/commits.scss

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

app/views/projects/commits/_commit.html.haml

@@ -20,7 +20,7 @@
     .avatar-cell.hidden-xs
       = author_avatar(commit, size: 36)
 
-    .commit-detail
+    .commit-detail.flex-list
       .commit-content
         = link_to_markdown_field(commit, :title, link, class: "commit-row-message item-title")
         %span.commit-row-message.visible-xs-inline

changelogs/unreleased/43315-gpg-popover.yml

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