From b0835fd1326e7129dc03324921a87ab60adbb12a Mon Sep 17 00:00:00 2001
From: OpenClaw Bot <openclaw-bot@friborg.uk>
Date: Sat, 9 May 2026 20:24:52 +0200
Subject: [PATCH] fix: pin mobile tabs above cockpit

---
 src/App.tsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index ea7c7e9..9f0bef5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -703,6 +703,21 @@ function App() {
 
   return (
     <div className="app-shell">
+      <nav className="tab-bar" aria-label="BuildPulse v0.1 views" role="tablist">
+        {TABS.map((tab) => (
+          <button
+            key={tab.key}
+            type="button"
+            role="tab"
+            aria-selected={tab.key === activeTab}
+            className={tab.key === activeTab ? 'tab active' : 'tab'}
+            onClick={() => setActiveTab(tab.key)}
+          >
+            {tab.label}
+          </button>
+        ))}
+      </nav>
+
       <header className="hero-card">
         <div>
           <p className="eyebrow">BuildPulse v0.1</p>
@@ -728,21 +743,6 @@ function App() {
         </div>
       </header>
 
-      <nav className="tab-bar" aria-label="BuildPulse v0.1 views" role="tablist">
-        {TABS.map((tab) => (
-          <button
-            key={tab.key}
-            type="button"
-            role="tab"
-            aria-selected={tab.key === activeTab}
-            className={tab.key === activeTab ? 'tab active' : 'tab'}
-            onClick={() => setActiveTab(tab.key)}
-          >
-            {tab.label}
-          </button>
-        ))}
-      </nav>
-
       <section className="status-strip card">
         <div className="status-strip-row">
           <span className={`pill status-${backendMode === 'appwrite' ? 'healthy' : backendMode === 'connecting' ? 'connecting' : 'degraded'}`}>