many improvements

output/timetable.css

@@ -18,6 +18,14 @@ table {
 
 }
 
+.shift-table {
+    padding-top: 10px;
+}
+
+.shift-table thead {
+    font-weight: bold;
+}
+
 .table-div {
     /* overflow-x: auto; */
     width: 80%;
@@ -107,10 +115,15 @@ th.bank-holiday {
     color: #0074D9;
 }
 
-.torquay {
+.torquay, .torbay {
     color: #5FA8E8;
 }
 
+.taunton {
+    color: #e85fdf;
+}
+
+
 .unavailable {
     color: lightgray;
 }
@@ -167,7 +180,7 @@ th.bank-holiday {
 }
 
 .nwd {
-    color: brown;
+    color: lightcoral;
 }
 
 .th {}
@@ -233,5 +246,56 @@ summary h2 {
 .large-shift-diff::before {
     content: "*";
     color: red;
-    
+
+}
+
+/* table.transposed {
+    border-collapse: collapse;
+}
+
+table.transposed tr {
+    display: block;
+    float: left;
+}
+
+table.transposed th,
+table.transposed td {
+    display: block;
+    border: 1px solid black;
+    max-width: 100px;
+} */
+table.transposed {
+}
+
+table.transposed tr {
+}
+
+table.transposed th,
+table.transposed td {
+    width: fit-content;
+    max-width: unset;
+    position: relative;
+    border-top: solid 0.5px black;
+    border-right: solid 0.5px black;
+}
+
+table.transposed .Sat {
+    /* opacity: 30%; */
+    /* background-color: lightsteelblue; */
+    border-top: solid 2px lightsteelblue !important;
+}
+
+table.transposed .Sun {
+    border-bottom: solid 2px lightsteelblue !important;
+
+}
+
+table.transposed .bank-holiday {
+    border-bottom: dotted 2px blue !important;
+
+}
+
+table.transposed th.bank-holiday {
+    color: darkblue;
+
 }