From 94212274cecf4da5f94b246a7ac9ab87077fb77f Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Wed, 29 Jul 2026 10:17:27 +0200
Subject: fix: prevent layout shift when save confirmation appears

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

diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index c0550fc..c4e964c 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -75,9 +75,7 @@
 				{/each}
 			</select>
 		</label>
-		{#if saved}
-			<p class="save-status">✓ Enregistré</p>
-		{/if}
+		<p class="save-status" class:visible={saved}>✓ Enregistré</p>
 	</form>
 
 	<hr />
@@ -261,5 +259,14 @@
 		color: var(--success);
 		font-weight: 500;
 		margin-top: -0.25rem;
+		visibility: hidden;
+		opacity: 0;
+		transition: opacity 0.2s ease;
+		min-height: 1.25rem;
+	}
+
+	.save-status.visible {
+		visibility: visible;
+		opacity: 1;
 	}
 </style>
-- 
cgit v1.3