Dynamic tables

2015-03-01 18:34:57 +01:00
parent d172b28850
commit 119ee7ddc8
9 changed files with 44 additions and 42 deletions
@@ -37,16 +37,20 @@
    cursor: pointer
    background-color: #ccc
    //TODO remove width and height for ember control
-    height: 48px
-    width: 83px
+    height: 60px
+    width: 60px
    background-repeat: no-repeat
-    box-shadow: 5px 5px 5px #888888
+    box-shadow: 2px 2px 4px #888888
    color: black
    border-radius: 3px
+    display: table
    .status-icons
      // float: right
      // width: 16px
+      position: absolute
      margin-top: -18px
+      right: 0
+      min-width: 60px
      .needs_help, .needs_payment, .occupied, .active_order
        display: none
        float: right
@@ -83,12 +87,15 @@
      margin-top: -45px
    .table-number
      color: black
-      position: absolute
-      top: 0
-      line-height: 44px
-      width: 45px
-      font-size: 42px
+      //position: absolute
+      display: table-cell
+      //top: 0
+      //line-height: 44px
+      width: 100%
+      height: 100%
+      font-size: 30px
      text-align: center
+      vertical-align: middle

    .action-button-container
      margin-right: -20px