Fix up socket status display

background.html

@@ -26,7 +26,7 @@
         </ul>
       </div>
       <span class='title-text'>Signal</span>
-      <div class='socket-status'></div>
+      <span class='socket-status'></span>
     </div>
     <div class='gutter'>
         <div class='conversations scrollable'></div>

stylesheets/_index.scss

@@ -21,15 +21,14 @@
 }
 
 .socket-status {
-  float: left;
   padding: 6px;
   -webkit-app-region: no-drag;
 
   * {
+    display: inline;
     cursor: pointer;
     padding-left: 20px;
     border-radius: $header-height;
-    min-height: 20px;
 
     &:hover {
       background: $blue url('/images/refresh.png') center;

stylesheets/manifest.css

@@ -342,14 +342,13 @@ img.emoji {
   max-width: 300px; }
 
 .socket-status {
-  float: left;
   padding: 6px;
   -webkit-app-region: no-drag; }
   .socket-status * {
+    display: inline;
     cursor: pointer;
     padding-left: 20px;
-    border-radius: 36px;
+    border-radius: 36px; }
-    min-height: 20px; }
     .socket-status *:hover {
       background: #2090ea url("/images/refresh.png") center; }
   .socket-status .connecting .icon {