From 39da3c825ff340a312d9b1539cef7c573878813f Mon Sep 17 00:00:00 2001
From: David <dmanning.au@gmail.com>
Date: Wed, 28 Jan 2026 20:35:52 +1100
Subject: [PATCH] StaticMenuBar

---
 script.js       | 5 +++++
 styles/main.css | 7 ++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/script.js b/script.js
index dab3753..ce1b009 100644
--- a/script.js
+++ b/script.js
@@ -95,6 +95,11 @@ document.addEventListener('DOMContentLoaded', () => {
                 // Trigger reflow
                 void feedView.offsetWidth;
                 feedView.classList.add('fade-in');
+
+                // Remove fade-in class after animation to fix fixed positioning context
+                setTimeout(() => {
+                    feedView.classList.remove('fade-in');
+                }, 600);
             }, 600); // Wait for transition
         }
     }
diff --git a/styles/main.css b/styles/main.css
index 62d0c8b..153feb6 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -522,16 +522,17 @@ p {
 .bottom-nav {
     position: fixed;
     bottom: 0;
-    left: 0;
+    left: 50%;
+    transform: translateX(-50%);
     width: 100%;
+    max-width: 480px;
     background: rgba(10, 10, 11, 0.95);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     border-top: 1px solid var(--glass-border);
     display: flex;
     justify-content: space-around;
-    padding: 12px 0 25px;
-    /* Extra padding for iOS home bar */
+    padding: 12px 0;
     z-index: 100;
 }