From ebc2829added6a1ce61070da5f137d87472c5b12 Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Fri, 23 Feb 2018 17:15:53 +0000
Subject: Fix gpg popover box

---
 .../tree/components/commit_pipeline_status_component.vue       |  2 +-
 app/assets/stylesheets/pages/commits.scss                      | 10 +++++-----
 changelogs/unreleased/43315-gpg-popover.yml                    |  5 +++++
 3 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 changelogs/unreleased/43315-gpg-popover.yml

diff --git a/app/assets/javascripts/projects/tree/components/commit_pipeline_status_component.vue b/app/assets/javascripts/projects/tree/components/commit_pipeline_status_component.vue
index 63f20a0041d..c53ce0549f5 100644
--- a/app/assets/javascripts/projects/tree/components/commit_pipeline_status_component.vue
+++ b/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"
diff --git a/app/assets/stylesheets/pages/commits.scss b/app/assets/stylesheets/pages/commits.scss
index 17801ed5910..fa676abdc6c 100644
--- a/app/assets/stylesheets/pages/commits.scss
+++ b/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 {
diff --git a/changelogs/unreleased/43315-gpg-popover.yml b/changelogs/unreleased/43315-gpg-popover.yml
new file mode 100644
index 00000000000..4b2d197c627
--- /dev/null
+++ b/changelogs/unreleased/43315-gpg-popover.yml
@@ -0,0 +1,5 @@
+---
+title: Fixes gpg popover layout
+merge_request:
+author:
+type: fixed
-- 
cgit v1.2.1