Refactor RotaBuilder export functionality and enhance display of run times with improved layout

output/timetable.css

@@ -31,7 +31,7 @@ table {
 
 .table-div {
     /* overflow-x: auto; */
-    width: 80%;
+    /* width: 80%; */
     overflow-x: scroll;
     margin-left: 200px;
     overflow-y: visible;
@@ -118,7 +118,8 @@ th.bank-holiday {
     color: #0074D9;
 }
 
-.torquay, .torbay {
+.torquay,
+.torbay {
     color: #5FA8E8;
 }
 
@@ -250,6 +251,7 @@ td.large-shift-diff-pos::before {
     content: "*";
     color: red;
 }
+
 td.large-shift-diff-neg::before {
     content: "*";
     color: green;
@@ -259,6 +261,7 @@ 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;
@@ -279,11 +282,9 @@ table.transposed td {
     border: 1px solid black;
     max-width: 100px;
 } */
-table.transposed {
-}
+table.transposed {}
 
-table.transposed tr {
-}
+table.transposed tr {}
 
 table.transposed th,
 table.transposed td {
@@ -327,12 +328,38 @@ table.transposed th.bank-holiday {
     line-height: 1;
 }
 
-.force-assigned {
-    background-color: #ffe066 !important;
-    border: 2px solid #ff8800 !important;
-}
-
 button.selected {
     background: #0074d9;
     color: #fff;
+}
+
+#main-table th.col-hover {
+    background: #ffe066 !important;
+    color: #222 !important;
+}
+
+.highlight-day-btn.highlighted {
+    background: #ffe066 !important;
+    color: #222 !important;
+    border: 2px solid #bfa600 !important;
+}
+
+.highlight-day-btn.highlighted {
+    background: #ffe066 !important;
+    color: #222 !important;
+    border: 2px solid #bfa600 !important;
+}
+
+#main-table td.day-highlighted,
+#main-table th.day-highlighted {
+    /* background is set inline for custom color */
+}
+
+#display-settings-modal {
+    transition: box-shadow 0.2s;
+}
+
+#main-table td.force-assigned.force-assigned-highlight {
+    background-color: #ffe066 !important;
+    border: 2px solid #ff8800 !important;
 }