Supplier section management improvements

app/assets/stylesheets/supplier/foundation1/_ember_dropdown.css.sass

@@ -34,13 +34,6 @@
       border-bottom-color: white
       bottom: 100%
       right: 30px
-      
-      
-    ul
-      list-style: none
-  //&:hover
-    //.dropdown-list-container
-      //display: block
   &.active
     .dropdown-list-container
       display: block

app/assets/stylesheets/supplier/foundation1/_qmodal.css.sass

@@ -0,0 +1,16 @@
+.modal
+  margin: 10px auto
+  width: 300px
+  background-color: #fff
+  padding: 1em
+
+.overlay
+  height: 100%
+  width: 100%
+  position: fixed
+  top: 0
+  left: 0
+  background-color: rgba(0, 0, 0, 0.2)
+
+.flush--top
+  margin-top: 0

app/assets/stylesheets/supplier/foundation1/_qsections.css.sass

@@ -1,9 +1,16 @@
 .section-edit-mode-button
+  +button
+  margin: 0
+  padding: 2px
   span
     @extend .fa
     @extend .fa-lg
     @extend .fa-edit
 .section-normal-mode-button
+  +button
+  margin: 0
+  padding: 2px
+  margin-left: 8px
   span
     @extend .fa
     @extend .fa-lg
@@ -14,6 +21,35 @@
 .section-manage-tables
   .dropdown-container
     margin-right: 10px
+    $icon-right-margin: 8px
+    ul
+      list-style: none
+      margin: 0
+      padding: 0
+    li
+      border-bottom: 1px solid #bbb
+      a
+        font-size: 0.8em
+        display: block
+        padding: 4px 7px
+        &:hover
+          background-color: #ddd
+        span.table-qr-codes
+          margin-right: $icon-right-margin
+    .section-destroy
+      color: $alert-color
+    span.section-add-tables-icon
+      @extend .fa
+      @extend .fa-plus-square
+      margin-right: $icon-right-margin
+    span.section-arrange-tables-icon
+      @extend .fa
+      @extend .fa-th
+      margin-right: $icon-right-margin
+    span.section-remove-icon
+      @extend .fa
+      @extend .fa-trash-o
+      margin-right: $icon-right-margin
   input
     height: auto
     padding-top: 4px

app/assets/stylesheets/supplier/foundation1/_qtables.css.sass

@@ -18,12 +18,15 @@ table
   span
     @extend .fa
     @extend .fa-pencil
-.table-qr-codes
+a.table-qr-codes
   +button($bg: $secondary-color)
   +button-icon-only
   span
     @extend .fa
     @extend .fa-qrcode
+span.table-qr-codes
+  @extend .fa
+  @extend .fa-qrcode
 .table-destroy
   +button($bg: $secondary-color)
   +button-icon-only

app/assets/stylesheets/supplier/foundation1/application.css.sass

@@ -17,4 +17,5 @@
 @import ./qtables
 @import ./section_tab_headers
 @import ./qlists
+@import ./qmodal
 @import ./ember_dropdown