From e122392cf2b508b36f75a77d82813e39b8a5d2e9 Mon Sep 17 00:00:00 2001
From: Jaime Idolpx <jaime@idolpx.com>
Date: Thu, 11 Jun 2026 12:14:15 -0400
Subject: [PATCH] fix(AppPage): reposition Toaster to bottom-center for
 improved visibility

---
 src/app/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 385ef84..aa171e8 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -234,7 +234,7 @@ function AppPage({ title, onBack }: { title: string; onBack: () => void }) {
   return (
     <WsProvider>
     <div className="size-full flex flex-col bg-neutral-50">
-      <Toaster position="top-center" />
+      <Toaster position="bottom-center" offset="calc(4rem + env(safe-area-inset-bottom))" />
       <header className="bg-[#4d4d4d] px-0 py-0 flex-shrink-0" style={{ paddingTop: 'env(safe-area-inset-top)' }}>
         <div className="flex items-stretch justify-between min-h-[56px]">
           <button onClick={() => setCurrentPage('status')} className="flex items-center h-full">