Minor animation adjustments - still not as desired!

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>