Add global style for running icon

app/assets/stylesheets/pages/merge_requests.scss

@@ -196,16 +196,6 @@
 
     .merge-request-title {
       margin-bottom: 2px;
-
-      .ci-status-link {
-
-        svg {
-          height: 13px;
-          width: 13px;
-          position: relative;
-          top: 2px;
-        }
-      }
     }
   }
 

app/assets/stylesheets/pages/pipelines.scss

@@ -49,6 +49,14 @@
 
   .commit-link {
 
+    .ci-running {
+
+      svg {
+        top: 1px;
+        margin-right: 0;
+      }
+    }
+
     a:hover {
       text-decoration: none;
     }

app/assets/stylesheets/pages/projects.scss

@@ -536,13 +536,6 @@ pre.light-well {
 
   .ci-status {
     margin-right: $gl-padding;
-
-    &.ci-running {
-
-      svg {
-        margin-right: 3px;
-      }
-    }
   }
 
   .commit-row-message {

app/assets/stylesheets/pages/status.scss

@@ -41,14 +41,6 @@
       color: $blue-normal;
       border-color: $blue-normal;
     }
-
-    svg {
-      width: 13px;
-      height: 13px;
-      position: relative;
-      top: 1px;
-      margin-left: 3px;
-    }
   }
 
   .ci-status-icon-success {
@@ -70,3 +62,18 @@
     color: $gl-gray;
   }
 }
+
+.ci-running,
+.ci-status-icon-running {
+  svg {
+    height: 13px;
+    width: 13px;
+    position: relative;
+    top: 2px;
+    margin: 0 3px;
+  }
+
+  &:hover {
+    text-decoration: none;
+  }
+}

app/views/projects/ci/pipelines/_pipeline.html.haml

@@ -35,7 +35,7 @@
 
     - stages_status = pipeline.statuses.latest.stages_status
     - stages.each do |stage|
-      %td.stage-cell
+      %td
         - status = stages_status[stage]
         - tooltip = "#{stage.titleize}: #{status || 'not found'}"
         - if status