layout changes and section handling

app/assets/stylesheets/phone/bootstrap_overrides.css.sass

@@ -0,0 +1,17 @@
+
+//BOOTSTRAP overrides
+body
+  a
+    color: white
+    &:hover
+      color: white
+  .table-hover
+    tbody
+      tr
+        &:hover
+          td
+            background-color: #555
+  .navbar-inner
+    $navbar-inner-teint: 200 
+    background-color: rgba($navbar-inner-teint, $navbar-inner-teint, $navbar-inner-teint, 0.8)
+    background-image: url()

app/assets/stylesheets/phone/structure.css.sass

@@ -1,6 +1,8 @@
 @import compass
 $side-spacing: 5px
 $qbrown: #8B5A2B
+
+
 html
   background-image: image-url('textures/wood5.jpg')
 body

app/assets/stylesheets/structure.css.sass

@@ -5,6 +5,9 @@ table
         text-align: right
       &.numeric
         text-align: right
+      &.actions
+        text-align: right
+
   tbody
     td
       &.status-icons

app/assets/stylesheets/tablet/application.css

@@ -1,4 +1,5 @@
 /*
  *= require_self
  *= require_directory .
+ *= require 'phone/bootstrap_overrides'
  */

app/assets/stylesheets/tablet/section_tables.css.sass

@@ -0,0 +1,36 @@
+.section-tables-container
+  .section-table
+    background-color: #ccc
+    height: 44px
+    background-repeat: no-repeat
+    width: 45px
+    color: black
+    a
+      color: black
+    //background-image: image-url('icons/section-table.png')
+    .table-link
+      margin-top: -45px
+    .table-number
+      position: absolute
+      top: 0
+      line-height: 44px
+      width: 45px
+      font-size: 42px
+      text-align: center
+    .action-button-container
+      margin-right: -20px
+  &.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: move
+  &.section-tables-inactive
+    .section-table
+      margin-top: 10px
+      margin-bottom: 30px
+      float: left
+      margin-right: 30px

app/assets/stylesheets/tablet/structure.css.sass

@@ -12,38 +12,6 @@ body
     margin-top: 4px
     margin-bottom: 6px
     padding-bottom: 0
-.section-tables-container
-  .section-table
-    background-color: #ccc
-    height: 44px
-    background-repeat: no-repeat
-    width: 45px
-    //background-image: image-url('icons/section-table.png')
-    .table-link
-      margin-top: -45px
-    .table-number
-      position: absolute
-      top: 0
-      line-height: 44px
-      width: 45px
-      font-size: 42px
-      text-align: center
-    .action-button-container
-      margin-right: -20px
-  &.section-tables-active
-    position: relative
-    padding: 0
-    height: 400px
-    background-image: image-url('textures/wood5.jpg')
-    .section-table
-      position: absolute
-      cursor: move
-  &.section-tables-inactive
-    .section-table
-      margin-top: 10px
-      margin-bottom: 30px
-      float: left
-      margin-right: 30px
 .supplier-is-closed
   .alert
     form