More expressive user top menu

app/assets/stylesheets/user/foundation/components/_menu_main.css.sass

@@ -32,25 +32,29 @@ header.top-menu
       line-height: 48px
       &.main-buttons
         float: left
+        font-size: 1.5em
         @media #{$medium-up}
           padding-left: 14px
-      &.extra-info
-        float: right
-        .supplier-info-row
-          float: right
-          clear: right
-          line-height: 27px
-          padding-right: 7px
-        .table-number
-          display: inline-block
-          //text-transform: lowercase
-        .supplier-name
-          display: inline-block
-        .supplier-orders-placed-count
-          display: inline-block
-          margin-right: 15px
-        .supplier-orders-in-process-count
-          display: inline-block
+  .extra-info
+    position: absolute
+    top: 0
+    right: 0
+    color: white
+    .supplier-info-row
+      // float: right
+      // clear: right
+      // line-height: 27px
+      // padding-right: 7px
+    .table-number
+      display: inline-block
+      //text-transform: lowercase
+    .supplier-name
+      display: inline-block
+    .supplier-orders-placed-count
+      display: inline-block
+      // margin-right: 15px
+    .supplier-orders-in-process-count
+      display: inline-block
   .menu-list-item
     margin-left: 20px
     cursor: pointer
@@ -59,7 +63,7 @@ header.top-menu
     border-radius: 0.1em
     display: inline-block
     line-height: 1em
-    margin-top: 10px
+    margin-top: 6px
     color: #999
     &.active
       color: $current-color