admin: redesign home page

admin/static/index.html

@@ -24,6 +24,41 @@
     .bg-wchoices {
       background-color: #c07bdf !important;
     }
+    .table th.frotated {
+        border: 0;
+    }
+    .table th.rotated {
+        height: 100px;
+        width: 40px;
+        min-width: 40px;
+        max-width: 40px;
+        position: relative;
+        vertical-align: bottom;
+        padding: 0;
+        font-size: 12px;
+        line-height: 0.9;
+        border: 0;
+    }
+
+    th.rotated > div {
+        position: relative;
+        top: 0px;
+        left: -50px;
+        height: 100%;
+        transform: skew(45deg,0deg);
+        overflow: hidden;
+        border: 1px solid #000;
+    }
+    th.rotated div a {
+        transform: skew(-45deg,0deg) rotate(45deg);
+        position: absolute;
+        bottom: 40px;
+        left: -35px;
+        display: inline-block;
+        width: 110px;
+        text-align: left;
+        text-overflow: ellipsis;
+    }
     </style>
     <base href="/admin/">
     <script src="/js/d3.v3.min.js"></script>