From 941be2f3063adce2dc1ab3d2a63ad685bdf6fdb1 Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Wed, 5 Nov 2025 21:31:49 +0100
Subject: [PATCH] style(snapshots): fix margin in timeline

---
 .../app/modules/backups/components/snapshot-timeline.tsx     | 2 +-
 apps/client/app/modules/repositories/tabs/snapshots.tsx      | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/client/app/modules/backups/components/snapshot-timeline.tsx b/apps/client/app/modules/backups/components/snapshot-timeline.tsx
index 22d0bf3..2833f49 100644
--- a/apps/client/app/modules/backups/components/snapshot-timeline.tsx
+++ b/apps/client/app/modules/backups/components/snapshot-timeline.tsx
@@ -27,7 +27,7 @@ export const SnapshotTimeline = (props: Props) => {
 			<div className="w-full bg-card">
 				<div className="relative flex items-center">
 					<div className="flex-1 overflow-hidden">
-						<div className="flex gap-4 overflow-x-auto pb-2">
+						<div className="flex gap-4 overflow-x-auto pb-2 [&>:first-child]:ml-2 [&>:last-child]:mr-2">
 							{snapshots.map((snapshot, index) => {
 								const date = new Date(snapshot.time);
 								const isSelected = snapshotId === snapshot.short_id;
diff --git a/apps/client/app/modules/repositories/tabs/snapshots.tsx b/apps/client/app/modules/repositories/tabs/snapshots.tsx
index 0114b97..71d630b 100644
--- a/apps/client/app/modules/repositories/tabs/snapshots.tsx
+++ b/apps/client/app/modules/repositories/tabs/snapshots.tsx
@@ -30,7 +30,7 @@ export const formatSnapshotDuration = (seconds: number) => {
 export const RepositorySnapshotsTabContent = ({ repository }: Props) => {
 	const [searchQuery, setSearchQuery] = useState("");
 
-	const { data, isLoading, failureReason } = useQuery({
+	const { data, isFetching, failureReason } = useQuery({
 		...listSnapshotsOptions({ path: { name: repository.name } }),
 		refetchInterval: 10000,
 		refetchOnWindowFocus: true,
@@ -67,7 +67,7 @@ export const RepositorySnapshotsTabContent = ({ repository }: Props) => {
 		);
 	}
 
-	if (isLoading && !data.length && !failureReason) {
+	if (isFetching && !data.length) {
 		return (
 			<Card>
 				<CardContent className="flex items-center justify-center py-12">
@@ -90,7 +90,6 @@ export const RepositorySnapshotsTabContent = ({ repository }: Props) => {
 	}
 
 	if (!data.length) {
-		console.log("No snapshots found for repository:", repository.name);
 		return (
 			<Card>
 				<CardContent className="flex flex-col items-center justify-center text-center py-16 px-4">