From d2ce477fef6a4124c744d312ce1b91699b2cfeeb Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@windmill.dev>
Date: Wed, 12 Mar 2025 18:26:14 +0100
Subject: [PATCH] nits

---
 frontend/src/lib/components/HistoricInputs.svelte  | 12 ++++++++----
 frontend/src/lib/components/table/DataTable.svelte |  6 ++++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/HistoricInputs.svelte b/frontend/src/lib/components/HistoricInputs.svelte
index d7020b4f11..d52a56d56d 100644
--- a/frontend/src/lib/components/HistoricInputs.svelte
+++ b/frontend/src/lib/components/HistoricInputs.svelte
@@ -6,6 +6,7 @@
 	import JobLoader from './runs/JobLoader.svelte'
 	import { DataTable } from '$lib/components/table'
 	import HistoricList from './HistoricList.svelte'
+	import { Loader2 } from 'lucide-svelte'
 
 	export let runnableId: string | undefined = undefined
 	export let runnableType: RunnableType | undefined = undefined
@@ -103,12 +104,15 @@
 	/>
 {/if}
 
-<div class="h-full max-h-full min-h-0 w-full flex flex-col gap-4">
+<div class="h-full max-h-full min-h-0 w-full flex flex-col gap-4 relative">
 	<div class="grow-0" data-schema-picker>
 		<DataTable size="xs" bind:currentPage={page} hasMore={hasMoreCurrentRuns} tableFixed={true}>
-			{#if loading && (jobs == undefined || jobs?.length == 0)}
-				<div class="text-center text-tertiary text-xs py-2">Loading current runs...</div>
-			{:else if jobs?.length > 0}
+			{#if loading}
+				<div class="text-tertiary absolute top-2 right-2">
+					<Loader2 class="animate-spin" size={14} />
+				</div>
+			{/if}
+			{#if jobs?.length > 0}
 				<colgroup>
 					<col class="w-8" />
 					<col class="w-16" />
diff --git a/frontend/src/lib/components/table/DataTable.svelte b/frontend/src/lib/components/table/DataTable.svelte
index 4418d5ba4f..94ecbc64f3 100644
--- a/frontend/src/lib/components/table/DataTable.svelte
+++ b/frontend/src/lib/components/table/DataTable.svelte
@@ -144,8 +144,10 @@
 			<div
 				class="text-tertiary bg-surface border-t flex flex-row justify-center py-2 items-center gap-2"
 			>
-				<Loader2 class="animate-spin" size={12} />
-				<span class="text-xs">{loadingMore ? 'Loading more...' : 'Refreshing...'}</span>
+				<Loader2 class="animate-spin" size={14} />
+				{#if loadingMore}
+					<span class="text-xs">Loading more...</span>
+				{/if}
 			</div>
 		{/if}
 	</List>