End of day commit, styling and dropdown logic

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

@@ -2,7 +2,7 @@
   font-size: 24px
   padding: 4px 0px
 .section-manage-tables
-  margin: -32px 6px 4px 6px
+  margin: -26px 6px 4px 6px
   min-width: 470px
   text-align: right
   .section-edit-title-field
@@ -10,10 +10,10 @@
     width: 120px
   .section-edit-width-field
     display: inline-block
-    width: 40px
+    width: 52px
   .section-edit-height-field
     display: inline-block
-    width: 40px
+    width: 52px
   #section-action-list
     text-align: left
 .section-tables-container
@@ -28,7 +28,9 @@
     height: 48px
     width: 83px
     background-repeat: no-repeat
+    box-shadow: 5px 5px 5px #888888
     color: black
+    border-radius: 3px
     a
       color: black
     //background-image: image-url('icons/section-table.png')

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

@@ -0,0 +1,49 @@
+.dropdown-container
+  position: relative
+  display: inline-block
+  .button.dropdown-trigger
+    padding-top: 4px
+    padding-bottom: 4px
+    margin-bottom: 0
+    .dropdown-trigger-icon
+      @extend .fa
+      @extend .fa-lg
+      @extend .fa-caret-left
+      margin-right: 6px
+    
+  .dropdown-list-container
+    display: none
+    text-align: left
+    background-color: white
+    position: absolute
+    right: 0
+    margin: 0
+    min-width: 160px
+    z-index: 542
+    margin-top: 7px
+    border-radius: 4px
+
+    &:after
+      border: solid transparent
+      content: " "
+      height: 0
+      width: 0
+      position: absolute
+      pointer-events: none
+      border-width: 6px
+      border-bottom-color: white
+      bottom: 100%
+      right: 30px
+      
+      
+    ul
+      list-style: none
+  //&:hover
+    //.dropdown-list-container
+      //display: block
+  &.active
+    .dropdown-list-container
+      display: block
+    .button.dropdown-trigger
+      .dropdown-trigger-icon
+        @extend .fa-caret-down

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

@@ -8,3 +8,15 @@
     @extend .fa
     @extend .fa-lg
     @extend .fa-save
+.section-actions-menu-header
+  padding-top: 4px
+  padding-bottom: 4px
+.section-manage-tables
+  .dropdown-container
+    margin-right: 10px
+  input
+    height: auto
+    padding-top: 4px
+    padding-bottom: 4px
+    &.section-edit-title-field
+      margin-right: 10px

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

@@ -15,7 +15,7 @@ $side-spacing: 0px
 .draggable
   cursor: move !important
 input.dimension
-  width: 40px
+  width: 52px
 .location_picker_map
   width: 600px
   height: 500px

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

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