From 03495764e082096e665e709c548faf257794b295 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fjla@fredboniface.co.uk>
Date: Mon, 18 May 2026 20:30:22 +0100
Subject: [PATCH] Adjust live indicator location

---
 src/routes/board/+page.svelte | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/routes/board/+page.svelte b/src/routes/board/+page.svelte
index a086c0c..64f9bc2 100644
--- a/src/routes/board/+page.svelte
+++ b/src/routes/board/+page.svelte
@@ -7,6 +7,7 @@
 	import { formatUkDateTime, formatUkTime } from '$lib/utils/time';
 	import StaffServicesTable from '$lib/components/ui/station-board/StaffServicesTable.svelte';
 	import LiveIndicator from '$lib/components/ui/LiveIndicator.svelte';
+
 	let { data } = $props();
 	let now = $state(new Date());
 	let live = $state(false);
@@ -116,12 +117,14 @@ $effect(() => {
 		<span class="time-loaded">Updated: {formatUkDateTime(data.boardData.producedAt, true)}</span>
 		<span class="time-now">{formatUkTime(now, true)}</span>
 	</div>
-	{#if live}
-		<LiveIndicator />
-	{/if}
 	{#if data.boardData.data.m?.length}
 		<StationAlertCard messages={data.boardData.data.m} />
 	{/if}
+	{#if live}
+		<div class="live-indicator">
+			<LiveIndicator />
+		</div>
+	{/if}
 	{#if data.boardData.data.s?.length}
 		<div class="service-list-wrapper">
 			<StaffServicesTable services={data.boardData.data.s} />
@@ -165,6 +168,10 @@ $effect(() => {
 		font-size: 1rem;
 	}
 
+	.live-indicator {
+		margin: 0.25rem auto;
+	}
+
 	.service-list-wrapper {
 		flex: 1;
 		overflow-y: auto;