From 9ea8bef99c54fb1f627ba001474aa4fcef2a6fd1 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fjla@fredboniface.co.uk>
Date: Fri, 22 May 2026 00:15:58 +0100
Subject: [PATCH] Minor animation adjustments - still not as desired!

---
 src/lib/components/ui/station-board/StaffServicesGrid.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ui/station-board/StaffServicesGrid.svelte b/src/lib/components/ui/station-board/StaffServicesGrid.svelte
index 49be552..4f5800c 100644
--- a/src/lib/components/ui/station-board/StaffServicesGrid.svelte
+++ b/src/lib/components/ui/station-board/StaffServicesGrid.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { ApiStationsBoard } from '@owlboard/owlboard-ts';
 	import { formatUkTime, estClass, delayClassFromTimePair } from '$lib/utils/time';
-	import { fade, slide } from 'svelte/transition';
+	import { fade, slide, fly } from 'svelte/transition';
 	import { flip } from 'svelte/animate';
 
 	let { services }: { services: ApiStationsBoard.BoardService[] } = $props();
@@ -36,7 +36,7 @@
 			<div
 				class="service-block"
 				animate:flip={{ duration: 400 }}
-				transition:slide={{ duration: 300 }}
+				out:slide={{duration:300}}
 			>
 				<div class="service row">
 					<div class="cell id">{service.h}</div>