From eaa8c192a2f769d33b7561b239a1a5c3159927b9 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Sun, 7 Jul 2024 08:45:41 +0100
Subject: [PATCH] Add dynamic margin if alerts bar is displayed on staffLDB
 page

---
 src/lib/ldb/staff/staff-ldb.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lib/ldb/staff/staff-ldb.svelte b/src/lib/ldb/staff/staff-ldb.svelte
index 0324a29..ae923d3 100644
--- a/src/lib/ldb/staff/staff-ldb.svelte
+++ b/src/lib/ldb/staff/staff-ldb.svelte
@@ -41,6 +41,12 @@
         errorDetail.message = data.obMsg || "An unknown error occoured";
         throw new Error("Unable to Fetch Data");
     }
+
+    // Add additional margin if AlertBox is displayed
+    let generatedMarginTop = "10px";
+    $: if (nrcc.length) {
+        generatedMarginTop = "50px";
+    }
 </script>
 
 {#key detail}
@@ -53,7 +59,7 @@
     <Loading />
 {:then data}
     {#if data}
-        <p class="generatedTime">Updated: {new Date(data.generatedAt).toLocaleTimeString()}</p>
+        <p class="generatedTime" style="margin-top: {generatedMarginTop};">Updated: {new Date(data.generatedAt).toLocaleTimeString()}</p>
         {#if data.trainServices?.length}
             <TableGenerator services={data.trainServices} click={showDetail} />
         {/if}