Change colour of date header to white

src/components/scheduling/boat/BoatScheduleTableComponent.vue

@@ -165,7 +165,10 @@ interface DayBodyScope {
 
 function selectBlock(event: MouseEvent, scope: DayBodyScope, block: Timeblock) {
   // TODO: Disable blocks before today with updateDisabled and/or comparison
-  selectedBlock.value = block;
+  selectedBlock.value === block
+    ? (selectedBlock.value = null)
+    : (selectedBlock.value = block);
+
   emit('updateBoatTime', block);
 }
 
@@ -199,6 +202,7 @@ const disabledBefore = computed(() => {
   position: absolute
   justify-content: center
   align-items: center
+  text-align: center
   width: 100%
   opacity: 1
   margin: 0px
@@ -212,6 +216,7 @@ const disabledBefore = computed(() => {
   display: flex
   position: absolute
   justify-content: center
+  text-align: center
   align-items: center
   width: 100%
   opacity: 0.5