From e8248a6ee1627d9c99dc1f07e45c6fc622147edf Mon Sep 17 00:00:00 2001
From: denshooter <dennis@konkol.net>
Date: Fri, 9 Jan 2026 15:36:23 +0100
Subject: [PATCH] fix: Ensure staging banner is positioned bottom-right, not
 top-right

- Add explicit inline styles to override any CSS conflicts
- Set top: auto and left: auto to ensure bottom-right positioning
- Fix banner appearing in wrong location
---
 components/StagingBanner.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/StagingBanner.tsx b/components/StagingBanner.tsx
index 17809b9..8157353 100644
--- a/components/StagingBanner.tsx
+++ b/components/StagingBanner.tsx
@@ -37,7 +37,13 @@ export function StagingBanner() {
         animate={{ scale: 1, opacity: 1, x: 0, y: 0 }}
         exit={{ scale: 0, opacity: 0 }}
         transition={{ type: "spring", damping: 20, stiffness: 300 }}
-        className="fixed bottom-6 right-6 z-50 max-w-sm"
+        className="fixed z-50 max-w-sm"
+        style={{ 
+          bottom: '1.5rem', 
+          right: '1.5rem', 
+          top: 'auto',
+          left: 'auto'
+        }}
       >
         <div className="bg-gradient-to-br from-yellow-500 via-orange-500 to-red-500 text-white rounded-xl shadow-2xl border-2 border-white/20 backdrop-blur-sm overflow-hidden">
           {/* Header */}