Mobile updates

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