Ember updates

app/assets/stylesheets/supplier/base1-shared/section-tab-header.css.sass

@@ -0,0 +1,26 @@
+.section-tabs-container
+  .section-tab-header
+    float: left
+    margin-right: 10px
+    $border: 1px solid black
+    border: $border
+    padding: 5px
+    cursor: pointer
+    font-weight: bold
+    background-color: rgba(200,200,200,0.4)
+    color: #333
+    &.active
+      border-bottom-width: 0
+    &.table-hover, &.table-dragging
+      background-size: 100px
+      background-position: center center
+      background-repeat: no-repeat
+    &.table-dragging
+      background-image: image-url('supplier/drop-target.svg')
+    &.table-hover
+      background-image: image-url('supplier/drop-target-active.svg')
+
+  &:after
+    content: ''
+    display: block
+    clear: left

app/assets/stylesheets/supplier/base1-shared/section_tables.css.sass

@@ -0,0 +1,106 @@
+.section-title
+  font-size: 24px
+  padding: 4px 0px
+.section-tables-container
+  .section-manage-tables
+    margin: -32px 6px 4px 6px
+  .section-table
+    background-color: #ccc
+    //TODO remove width and height for ember control
+    height: 48px
+    width: 83px
+    background-repeat: no-repeat
+    color: black
+    a
+      color: black
+    //background-image: image-url('icons/section-table.png')
+    .table-link
+      margin-top: -45px
+    .table-number
+      color: black
+      position: absolute
+      top: 0
+      line-height: 44px
+      width: 45px
+      font-size: 42px
+      text-align: center
+    .status-icons
+      float: right
+      width: 16px
+      span
+        display: none
+        float: right
+    .action-button-container
+      margin-right: -20px
+    .table-actions
+      display: none
+      position: absolute
+      left: 100%
+      top: 0
+      width: 140px
+      text-align: center
+      background-color: white
+      border: 1px solid #aaa
+      padding-bottom: 10px
+      .title
+        background-color: #aaa
+      .table-action-row
+        margin-top: 10px
+    .table-settings
+      width: 200px
+      height: 30px
+      position: absolute
+      top: -30px
+      select
+        width: 92px
+  &.section-tables-active
+    position: relative
+    padding: 0
+    height: 400px
+    //background-image: image-url('textures/wood4.jpg')
+    background-color: rgba(0,0,0,0.4)
+    .section-table
+      position: absolute
+      cursor: pointer
+      &.occupied
+        background-color: #ffa
+      &.needs_help
+        background-color: #7f7
+        .needs_help
+          display: block
+      &.needs_payment
+        background-image: image-url('icons/needs-payment.png')
+        background-position: 40px 2px
+        .needs_payment
+          display: block
+      &.active_order
+        .active_order
+          display: block
+        //background-color: #f77
+      a
+        &:hover
+          text-decoration: none
+  &.section-tables-manage
+    .section-table
+      cursor: move
+  &.section-tables-inactive
+    .section-table
+      position: relative
+      margin-top: 10px
+      margin-bottom: 30px
+      float: left
+      margin-right: 30px
+// INDEX
+
+table
+  td
+    &.table-info
+      .table-count
+        &:after
+          content: " - "
+.go-to-tables-view.hide
+  display: inline-block
+
+ul#table-actions-list
+  list-style: none
+  margin: 0