Prepare upgrade of timetable lookup tool

src/lib/ldb/staff/table/table-generator.svelte

@@ -222,7 +222,7 @@
     table-layout: fixed;
     width: 100%;
     max-width: 875px;
-    margin: 0px;
+    margin: auto;
     padding: 0px;
     color: white;
   }
@@ -264,7 +264,6 @@
   td.from,
   td.to {
     color: yellow;
-    text-align: left;
   }
 
   td.to,
@@ -332,7 +331,10 @@
       font-size: 19px;
     }
     .tableTxt {
-      font-size: 13px;
+      font-size: 14px;
+    }
+    td.to,td.from,th.to,th.from {
+      text-align: center;
     }
   }
 

src/lib/ldb/staff/train-detail.svelte

@@ -234,10 +234,10 @@
     color: yellow;
   }
   .tablePlatform {
-    width: 5%;
+    width: 9%;
   }
   .tableTime {
-    width: 15%;
+    width: 14%;
   }
   .tableDelay {
     width: 7%;

src/lib/train/train-detail.svelte

@@ -9,7 +9,8 @@
     isExpanded = !isExpanded;
   }
 </script>
-
+ <!-- The next version of backend will only return a subset of information required to display the container-header
+      , the container will then be responsible for fetching more data using the trainUid. -->
 <div class="container">
   <div class="container-header" on:click={expand} on:keypress={expand}>
     <span class="header"