.

output/timetable.css

@@ -5,7 +5,6 @@ html {
 
 table {
     /* margin-top: 50px; */
-    padding-top: 100px;
     text-align: center;
     /* table-layout : fixed; */
     /* width:150px */
@@ -18,6 +17,10 @@ table {
 
 }
 
+#main-table {
+    padding-top: 100px;
+}
+
 .shift-table {
     padding-top: 10px;
 }
@@ -186,7 +189,7 @@ th.bank-holiday {
 .th {}
 
 .table-div th.worker,
-td.worker {
+.table-div td.worker {
     position: absolute;
     width: 200px;
     max-width: 200px;
@@ -243,10 +246,22 @@ summary h2 {
     background-color: yellow;
 }
 
-.large-shift-diff::before {
+td.large-shift-diff-pos::before {
     content: "*";
     color: red;
+}
+td.large-shift-diff-neg::before {
+    content: "*";
+    color: green;
+}
 
+tr.large-shift-diff-pos td {
+    border-bottom: solid 1px red;
+    border-top: solid 1px red;
+}
+tr.large-shift-diff-neg td {
+    border-bottom: solid 1px green;
+    border-top: solid 1px green;
 }
 
 /* table.transposed {
@@ -298,4 +313,8 @@ table.transposed .bank-holiday {
 table.transposed th.bank-holiday {
     color: darkblue;
 
+}
+
+.target-assigned.no-colour {
+    background-color: white !important;
 }