fix wobbling building icon

app/styles/app.scss

@@ -20,6 +20,7 @@
 @import "app/components/sync-button";
 @import "app/components/loading-indicator";
 @import "app/components/build-tile";
+@import "app/components/status-icon";
 
 @import "app/animation/tractor";
 
@@ -70,4 +71,3 @@
 @import "app/pages/team";
 @import "app/pages/plans";
 @import "app/pages/logo";
-

app/styles/app/components/status-icon.sass

@@ -0,0 +1,25 @@
+.status-icon
+  .is-rotating
+    width: 17px
+    height: 18px
+    line-height: 0.9
+    text-align: center
+    transform-origin: center center
+    will-change: transform
+    animation: rotation 3s infinite ease
+    .circle
+      display: inline-block
+      vertical-align: middle
+      width: 5px
+      height: 5px
+      border: solid 1px #bfb502
+      border-radius: 50%
+      transform-origin: center center
+
+@keyframes rotation
+  0%
+    transform: rotateZ(0deg)
+  45%, 55%
+    transform: rotateZ(180deg)
+  100%
+    transform: rotateZ(360deg)

app/styles/app/layouts/branches.sass

@@ -1,4 +1,3 @@
-
 .branches
   .small-title
     margin: 1.5em 0 0.7em
@@ -156,33 +155,6 @@
   path
     fill: $teal-dark
 
-// @todo refactor to status-icon module
-.status-icon
-  .is-rotating
-    width: 17px
-    height: 19px
-    line-height: 0.9
-    text-align: center
-    transform-origin: center center
-    will-change: transform
-    animation: rotation 3s infinite ease
-    .circle
-      display: inline-block
-      vertical-align: middle
-      width: 5px
-      height: 5px
-      border: solid 1px #bfb502
-      border-radius: 50%
-      transform-origin: center center
-
-@keyframes rotation
-  0%
-    transform: rotateZ(0deg)
-  45%, 55%
-    transform: rotateZ(180deg)
-  100%
-    transform: rotateZ(360deg)
-
 .is-relative
   position: relative
 
@@ -211,5 +183,3 @@ a.nobuilds-tigger
     color: white
     .icon-trigger svg path
       fill: #fff
-
-