From 3acee982037b1328df29dc867c83b83746f33e44 Mon Sep 17 00:00:00 2001
From: Regis <boudinot.regis@yahoo.com>
Date: Thu, 1 Dec 2016 15:02:26 -0700
Subject: [PATCH] update styling for loading icon

---
 app/assets/javascripts/vue_pipelines_index/pipelines.js.es6 | 4 ++--
 app/assets/stylesheets/pages/pipelines.scss                 | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6 b/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6
index 6ef335ab398..61af9799ca4 100644
--- a/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6
+++ b/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6
@@ -72,7 +72,7 @@
     },
     template: `
       <div>
-        <div class="pipeline-loading-status" v-if='pipelines.length < 1'>
+        <div class="pipelines realtime-loading" v-if='pipelines.length < 1'>
           <i class="fa fa-spinner fa-spin"></i>
         </div>
         <div class="table-holder" v-if='pipelines.length > 0'>
@@ -104,7 +104,7 @@
             </tbody>
           </table>
         </div>
-        <div class="pipeline-loading-status" v-if='pageRequest'>
+        <div class="pipelines realtime-loading" v-if='pageRequest'>
           <i class="fa fa-spinner fa-spin"></i>
         </div>
         <gl-pagination
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 0027d2caf22..3b8d2268437 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -1,4 +1,9 @@
 .pipelines {
+  .realtime-loading {
+    font-size: 40px;
+    text-align: center;
+  }
+
   .stage {
     max-width: 90px;
     width: 90px;