Mobile updates

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

@@ -10,6 +10,9 @@ if list.closed_at
 .display-row
   .display-label=t 'attributes.list.state'
   .display-field=state 'list' list.state
+.display-row
+  .display-label=t 'models.supplier'
+  .display-field= list.supplier.name
 if list.orders.isLoaded
   if list.sorted_orders
     .list-orders-container

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

@@ -3,7 +3,7 @@ header.top-menu
     span
   .menu-content
     section.main-buttons
-      link-to 'index'
+      link-to 'index' class="top-menu-logo"
         = image_tag 'user/logo-small.png'
       if list.id
         App.MenuItemView route="active_list"
@@ -15,9 +15,7 @@ header.top-menu
         .supplier-info-row
           .supplier-name= list.supplier.name
           .table-number
-            |
-            = t 'models.table'
-            | 
+            |# 
             = list.table.number
         .supplier-info-row
           .counter.supplier-orders-placed-count

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

@@ -1,8 +1,9 @@
 .row
-  h2
-    =t 'models.table'
-    |
-    = number
+  h3
+    span.supplier-name= supplier.name
+    span.table-number
+      ' #
+      = number
   if showJoinButton
     if join_request_sent
       button.disabled

app/assets/stylesheets/user/foundation/_display_fields.css.sass

@@ -1,16 +1,16 @@
 .display-row
-  @extend .row
+  +grid-row
   .display-label
     font-weight: bold
     @media #{$small-only}
-      +grid-column($columns:10, $center:true)
+      +grid-column($columns:5)
     @media #{$medium-only}
       +grid-column($columns:4, $offset:1)
     @media #{$large-up}
       +grid-column(3)
   .display-field
     @media #{$small-only}
-      +grid-column($columns:10, $center:true, $last-column:true)
+      +grid-column($columns: 5, $last-column:true)
     @media #{$medium-only}
       +grid-column($columns:4, $last-column:true)
     @media #{$large-up}

app/assets/stylesheets/user/foundation/_qlists.css.sass

@@ -12,11 +12,12 @@
     clear: right
     +panel($padding: 4px)
 .list-orders-container
+  $padding: 6px 0 6px 35px
   border-top: 2px solid #555
+  list-style: none
   .currency
     float: right
-  list-style: none
-  $padding: 6px 0 6px 35px
+    margin-right: 0.5em
   .list-order-container
     background-position: left center
     background-repeat: no-repeat

app/assets/stylesheets/user/foundation/_structure.css.sass

@@ -1,6 +1,14 @@
+html, body
+  overflow-x: hidden
+  margin: 0
+  padding: 0
+body
+  @media #{$small-only}
+    font-size: 13px
 #ember-app-container
   background-image: image-url('theme1/wall-bg.jpg')
   background-repeat: repeat
+
 main.main-section
   +panel($bg:rgba(200,200,200,0.8))
   height: 100%
@@ -28,3 +36,6 @@ span.loading
     @extend .fa-lg
   &.large
     @extend .fa-2x
+
+.supplier-name + .table-number
+  padding-left: 0.3em

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

@@ -7,6 +7,9 @@ header.top-menu
   color: $green
   padding-left: 48px
   padding-right: 52px
+  .top-menu-logo
+    @media #{$small-only}
+      display: none
   .menu-content
     background-color: white
     background-repeat: repeat-x