fix initial svg spacing for stages

app/assets/javascripts/vue_pipelines_index/stage.js.es6

@@ -40,7 +40,7 @@
         return `Build: ${this.stage.status.label}`;
       },
       tooltip() {
-        return `has-tooltip ci-status-icon-${this.stage.status.group}`;
+        return `has-tooltip ci-status-icon ci-status-icon-${this.stage.status.group}`;
       },
       svg() {
         const icon = this.stage.status.icon;
@@ -52,9 +52,8 @@
       },
     },
     template: `
-      <div class="stage-container mini-pipeline-graph">
-
       <div class="dropdown inline build-content">
+
         <button
           @click='fetchBuilds'
           @blur='fetchBuilds'
@@ -64,7 +63,7 @@
           data-toggle="dropdown"
           type="button"
         >
-            <span :class='tooltip'>
+          <span :class='tooltip'></span>
           <span class="mini-pipeline-graph-icon-container">
             <span
               :class='spanClass'
@@ -86,7 +85,6 @@
             </div>
           </div>
         </div>
-        </div>
 
       </div>
     `,

app/assets/javascripts/vue_pipelines_index/stages.js.es6

@@ -10,7 +10,7 @@
     template: `
       <td class="stage-cell">
         <div
-          class="stage-container"
+          class="stage-container mini-pipeline-graph"
           v-for='stage in pipeline.details.stages'
         >
           <vue-stage :stage='stage' :svgs='svgs' :match='match'></vue-stage>