Better supplier section view

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

@@ -1,9 +1,27 @@
 .section-title
   font-size: 24px
   padding: 4px 0px
+.section-manage-tables
+  margin: -32px 6px 4px 6px
+  min-width: 470px
+  text-align: right
+  .section-edit-title-field
+    display: inline-block
+    width: 120px
+  .section-edit-width-field
+    display: inline-block
+    width: 40px
+  .section-edit-height-field
+    display: inline-block
+    width: 40px
+  #section-action-list
+    text-align: left
 .section-tables-container
-  .section-manage-tables
-    margin: -32px 6px 4px 6px
+  $section-border: 1px solid black
+  border-left: $section-border
+  border-right: $section-border
+  border-bottom: $section-border
+  border: $section-border
   .section-table
     background-color: #ccc
     //TODO remove width and height for ember control

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

@@ -1,6 +1,8 @@
 .dashboard-section-selection
   float: right
-  white-space: nowrap
+  min-width: 124px
+  select
+    width: calc(100% - 30px)
 .active-lists-table
   width: 100%
   .mark_list_as_helped

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

@@ -9,8 +9,10 @@
     font-weight: bold
     background-color: rgba(200,200,200,0.4)
     color: #333
+    margin-bottom: 2px
     &.active
       border-bottom-width: 0
+      margin-top: 2px
     &.table-hover, &.table-dragging
       background-size: 100px
       background-position: center center