Add new running icon; add a bunch of styles to get svg to match existing fa icons

3 files changed, 24 insertions, 0 deletions

diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index a3b72ec9574..8d411bd658b 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -123,6 +123,15 @@
       right: 1px;
     }
   }
+  
+  .stage-cell {
+
+    svg {
+      height: 13px;
+      width: 13px;
+      margin-left: 3px;
+    }
+  }
 
   .duration,
   .finished-at {
diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index ea9f7cf0540..5572999d19c 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -536,6 +536,13 @@ pre.light-well {
 
   .ci-status {
     margin-right: $gl-padding;
+
+    &.ci-running {
+
+      svg {
+        margin-right: 3px;
+      }
+    }
   }
 
   .commit-row-message {
diff --git a/app/assets/stylesheets/pages/status.scss b/app/assets/stylesheets/pages/status.scss
index c6b053150be..8f3d9362a0a 100644
--- a/app/assets/stylesheets/pages/status.scss
+++ b/app/assets/stylesheets/pages/status.scss
@@ -41,6 +41,14 @@
       color: $blue-normal;
       border-color: $blue-normal;
     }
+
+    svg {
+      width: 13px;
+      height: 13px;
+      position: relative;
+      top: 1px;
+      margin-left: 3px;
+    }
   }
 
   .ci-status-icon-success {