More expressive user top menu

app/assets/javascripts/user/app/templates/application.emblem

@@ -11,10 +11,10 @@ header.top-menu
           App.MenuItemListNeedsHelpView
           App.MenuItemListNeedsPaymentView
         App.MenuItemProductOrdersView
-      section.extra-info
   if list
+    .extra-info
       .supplier-info-row
-            .supplier-name= list.supplier.name
+        / .supplier-name= list.supplier.name
         .table-number
           |# 
           = list.table.number
@@ -22,6 +22,7 @@ header.top-menu
         .counter.supplier-orders-placed-count
           = list.supplier.orders_placed_count
           span.orders-placed-count-icon
+      .supplier-info-row
         .counter.supplier-orders-in-process-count
           = list.supplier.orders_in_process_count
           span.orders-in-process-count-icon

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

@@ -32,15 +32,19 @@ header.top-menu
       line-height: 48px
       &.main-buttons
         float: left
+        font-size: 1.5em
         @media #{$medium-up}
           padding-left: 14px
-      &.extra-info
-        float: right
+  .extra-info
+    position: absolute
+    top: 0
+    right: 0
+    color: white
     .supplier-info-row
-          float: right
-          clear: right
-          line-height: 27px
-          padding-right: 7px
+      // float: right
+      // clear: right
+      // line-height: 27px
+      // padding-right: 7px
     .table-number
       display: inline-block
       //text-transform: lowercase
@@ -48,7 +52,7 @@ header.top-menu
       display: inline-block
     .supplier-orders-placed-count
       display: inline-block
-          margin-right: 15px
+      // margin-right: 15px
     .supplier-orders-in-process-count
       display: inline-block
   .menu-list-item
@@ -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