From 329eaa85d16224b6a1f2e0194c90d585c29f92f6 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Mon, 3 Jul 2023 23:51:55 +0100
Subject: [PATCH] Adjust staffldb styling

---
 src/lib/ldb/staff-ldb.svelte | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/lib/ldb/staff-ldb.svelte b/src/lib/ldb/staff-ldb.svelte
index e591a25..d622704 100644
--- a/src/lib/ldb/staff-ldb.svelte
+++ b/src/lib/ldb/staff-ldb.svelte
@@ -124,16 +124,16 @@
       </tr>
       {#each services as service}
         <tr>
-          <th class="id id-data">{service.trainid}</th>
-          <th class="from from-data">{service.origin.location.tiploc}</th>
-          <th class="to to-data">{service.destination.location.tiploc}</th>
-          <th class="plat plat-data">{service.platform || '-'}</th>
-          <th class="time time-data">{parseDateTime(service.sta)}</th>
-          <th class="time time-data">{'-'}</th>
-          <th class="time time-data">{parseDateTime(service.std)}</th>
-          <th class="time time-data">{'-'}</th>
+          <th class="id id-data data">{service.trainid}</th>
+          <th class="from from-data data">{service.origin.location.tiploc}</th>
+          <th class="to to-data data">{service.destination.location.tiploc}</th>
+          <th class="plat plat-data data">{service.platform || '-'}</th>
+          <th class="time time-data data">{parseDateTime(service.sta)}</th>
+          <th class="time time-data data">{'-'}</th>
+          <th class="time time-data data">{parseDateTime(service.std)}</th>
+          <th class="time time-data data">{'-'}</th>
         </tr>
-        <tr>
+        <tr class="text-row">
           <td colspan="8" class="text-data">
             {service.operator}
           </td>
@@ -151,13 +151,24 @@
     margin: auto;
   }
 
+  .data {
+    font-weight: normal;
+  }
+
   .id-data {
-    color: lightgray;   
+    color: lightgray;
+    text-align: left;
   }
 
   .from-data, .to-data {
     color: yellow;
     text-decoration: none;
+    text-align: left;
+  }
+
+  .text-row {
+    margin-top: 0px;
+    padding-bottom: 5px;
   }
 
   .text-data {