Better suppliers menu

app/assets/javascripts/supplier/app/templates/components/menu-product.emblem

@@ -1,24 +1,26 @@
 if editMode
   .row
-    .small-3.columns.name
+    .small-6.medium-3.columns.name
       = input value=product.name placeholder=namePlaceholder action="save"
       = errors product.errors.name
-    .small-3.columns.price
-      = edit-currency value=product.price action="save"
-      = errors product.errors.price
-    .small-3.columns.code= input value=product.code placeholder=codePlaceholder
-    .small-3.columns.actions
+    .small-6.medium-3.columns.actions
       a.rollback-product-action{action "rollbackProduct"}: span
       a.destroy-product-action{action "destroyProduct" product}: span
       a.save-product-action{action "save"}: span
+    .small-6.medium-3.columns.price
+      = edit-currency value=product.price action="save"
+      = errors product.errors.price
+    .small-6.medium-3.columns.code= input value=product.code placeholder=codePlaceholder
   .row
-    .small-4.large-2.columns= t 'attributes.product.active'
-    .small-8.large-10.columns: view boolean-switch value=product.active
+    .small-3.columns= t 'attributes.product.active'
+    .small-9.columns: view boolean-switch value=product.active
   .row.menu-product-container
-    .medium-4.small-6.columns
+    .small-12.medium-6.columns
+      = descriptionPlaceholder
+      = textarea value=product.description placeholder=descriptionPlaceholder
+    .small-12.medium-6.columns
       = view "upload-file" name="image" accept="image/*" file=product.image
-    .medium-4.small-6.columns: img src=product.image_src
-    .medium-4.small-6.columns= textarea value=product.description placeholder=descriptionPlaceholder
+      img src=product.image_src
 else
   if showProduct
     .row

app/assets/javascripts/supplier/app/templates/global/_side_menu.emblem

@@ -1,7 +1,6 @@
 .side-menu
   ul
-    li.title: h3 Menu
-    li.supplier-name= supplier.name
+    li.title: h3= supplier.name
     can manage supplier
       if supplier.open
         li: a.supplier-close-shop{action "markSupplierClosed"}= t 'supplier.close_for_orders'
@@ -11,7 +10,31 @@
         =link-to 'settings' class="supplier-settings-link"
           span.settings-icon
           span= t 'supplier.settings'
-    li class="supplier-sign-out-link"
+    li
+      = link-to 'index'
+        span.fa.fa-list-alt
+        = t 'dashboard.title'
+    li
+      = link-to 'menu'
+        span.fa.fa-coffee
+        = t 'top_menu.menu'
+    li
+      = link-to 'sections'
+        span.fa.fa-th-large
+        = t 'models.plural.section'
+    li
+      = link-to 'tables'
+        span.fa.fa-square-o
+        = t 'models.plural.table'
+    li
+      = link-to 'employees'
+        span.fa.fa-users
+        = t 'models.plural.employee'
+    li
+      = link-to 'schedule'
+        span.fa.fa-calendar
+        = t 'top_menu.schedule'
+    li.supplier-sign-out-link
       a{action "signOut"}
         span.sign-out-icon
         = t 'supplier.sign_out'

app/assets/stylesheets/supplier/foundation1/components/_nav_side.sass

@@ -15,6 +15,9 @@
     margin-bottom: 3px
   ul
     list-style: none
+    li
+      font-size: 1.2em
+      margin-bottom: 11px
     a
       color: white
     .title
@@ -27,8 +30,10 @@
     margin-right: 18px
     @extend .fa, .fa-info-circle
   .sign-out-icon
-    margin-right: 18px
     @extend .fa, .fa-caret-square-o-left
+    margin-right: 18px
+  .fa
+    margin-right: 18px
 .supplier-close-shop
   +alert($bg: $alert-color, $radius: true)
   padding: 3px