From 5c2a80d573f44b14cd8cbe5a88a778606bec145b Mon Sep 17 00:00:00 2001
From: David Kaltschmidt <david.kaltschmidt@gmail.com>
Date: Mon, 15 Feb 2016 16:40:56 +0000
Subject: [PATCH] Fixes status icon regression

---
 client/app/styles/main.less | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index 4d112e3c4..e72155543 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -898,18 +898,37 @@ h2 {
   }
 }
 
+.status {
+  text-transform: uppercase;
+
+  &-icon {
+    font-size: 16px;
+    position: relative;
+    top: 1px;
+    margin-right: 0.5em;
+  }
+
+  &.status-loading {
+    animation: status-loading 2.0s infinite ease-in-out;
+    text-transform: none;
+  }
+}
+
 .sidebar {
   position: fixed;
   bottom: 16px;
-  left: 24px;
+  left: 16px;
   font-size: .7rem;
 
   &-item {
     color: @text-secondary-color;
-    margin-top: 4px;
+    border-radius: 2px;
+    padding: 2px 8px;
+    width: 100%;
 
-    &.status-loading {
-      animation: status-loading 2.0s infinite ease-in-out;
+    &.status {
+      padding: 4px 8px;
+      margin-bottom: 4px;
     }
 
     &-action {
@@ -925,10 +944,6 @@ h2 {
   }
 }
 
-.status {
-  text-transform: uppercase;
-}
-
 @keyframes blinking {
   0%, 100% {
     opacity: 1.0;