From 385fea2d4ead401d685191fd4e624ee6e762de9a Mon Sep 17 00:00:00 2001
From: mayor <jeroen.gordijn@gmail.com>
Date: Mon, 9 Mar 2026 21:16:19 +0100
Subject: [PATCH] fix: position undo banner as fixed toast to prevent scroll
 jump on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The undo banner was inline in document flow, causing content to shift
when it auto-dismissed after 15s — visible as a scroll jump on mobile.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ui/src/routes/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte
index 54744ae..a563342 100644
--- a/ui/src/routes/+page.svelte
+++ b/ui/src/routes/+page.svelte
@@ -373,9 +373,9 @@
 		</div>
 	{/if}
 
-	<!-- Undo banner -->
+	<!-- Undo banner (fixed to bottom so it doesn't shift content when it disappears) -->
 	{#if undoEntries.length > 0}
-		<div class="flex items-center justify-between rounded-lg bg-slate-700 px-4 py-2.5 text-sm text-white shadow-md dark:bg-slate-600">
+		<div class="fixed bottom-4 left-4 right-4 z-50 mx-auto max-w-lg flex items-center justify-between rounded-lg bg-slate-700 px-4 py-2.5 text-sm text-white shadow-lg dark:bg-slate-600">
 			<span>
 				{undoEntries.length === 1 ? '1 article' : `${undoEntries.length} articles`} marked as read
 			</span>