From 083da849b978ff3b6f9071961ee2c5559921592e Mon Sep 17 00:00:00 2001
From: Ricky Stretch <rick@stretchy.ca>
Date: Wed, 18 Mar 2026 12:22:15 -0400
Subject: [PATCH] v0.9.71 fixed broken ui layout

---
 .env.example                             |  2 +-
 backend/package.json                     |  2 +-
 build.sh                                 |  2 +-
 frontend/package.json                    |  2 +-
 frontend/src/components/SchedulePage.jsx | 50 +++++++++++++-----------
 5 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/.env.example b/.env.example
index ccdb62b..0330a6c 100644
--- a/.env.example
+++ b/.env.example
@@ -10,7 +10,7 @@
 PROJECT_NAME=jama
 
 # Image version to run (set by build.sh, or use 'latest')
-JAMA_VERSION=0.9.70
+JAMA_VERSION=0.9.71
 
 # App port — the host port Docker maps to the container
 PORT=3000
diff --git a/backend/package.json b/backend/package.json
index 885b260..62b73fc 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jama-backend",
-  "version": "0.9.70",
+  "version": "0.9.71",
   "description": "TeamChat backend server",
   "main": "src/index.js",
   "scripts": {
diff --git a/build.sh b/build.sh
index 8463c0c..47d2faf 100644
--- a/build.sh
+++ b/build.sh
@@ -13,7 +13,7 @@
 # ─────────────────────────────────────────────────────────────
 set -euo pipefail
 
-VERSION="${1:-0.9.70}"
+VERSION="${1:-0.9.71}"
 ACTION="${2:-}"
 REGISTRY="${REGISTRY:-}"
 IMAGE_NAME="jama"
diff --git a/frontend/package.json b/frontend/package.json
index 92117d9..d867fde 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jama-frontend",
-  "version": "0.9.70",
+  "version": "0.9.71",
   "private": true,
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/components/SchedulePage.jsx b/frontend/src/components/SchedulePage.jsx
index 0815492..6313ace 100644
--- a/frontend/src/components/SchedulePage.jsx
+++ b/frontend/src/components/SchedulePage.jsx
@@ -1057,7 +1057,8 @@ export default function SchedulePage({ isToolManager, isMobile, onProfile, onHel
         </div>
       )}
 
-      {/* Right panel */}
+      {/* Right panel + mobile bottom bar — column so bottom bar stays at bottom */}
+      <div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
       <div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
         {/* View toolbar */}
         <div style={{ display:'flex', alignItems:'center', gap:8, padding:'8px 16px', borderBottom:'1px solid var(--border)', background:'var(--surface)', flexShrink:0, flexWrap:'nowrap' }}>
@@ -1168,33 +1169,38 @@ export default function SchedulePage({ isToolManager, isMobile, onProfile, onHel
         </div>
       )}
 
-      {/* Mobile bottom bar: UserFooter + Create Event button */}
+      </div>{/* end inner right panel */}
+
+      {/* Mobile bottom bar — matches Messages exactly: just the UserFooter */}
       {isMobile && (
         <div style={{ background:'var(--surface)', borderTop:'1px solid var(--border)', flexShrink:0 }}>
-          {isToolManager && panel === 'calendar' && (
-            <div style={{ padding:'10px 16px 4px', position:'relative' }} ref={createRef}>
-              <button className="newchat-btn" onClick={() => setCreateOpen(v=>!v)} style={{ width:'100%', justifyContent:'center', gap:8 }}>
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" width="18" height="18">
-                  <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
-                </svg>
-                Create Event
-              </button>
-              {createOpen && (
-                <div style={{ position:'absolute', bottom:'100%', left:16, right:16, zIndex:100, background:'var(--surface-variant)', border:'1px solid var(--border)', borderRadius:'var(--radius)', marginBottom:4, boxShadow:'0 -4px 16px rgba(0,0,0,0.15)' }}>
-                  {[['Event', ()=>{setPanel('eventForm');setEditingEvent(null);setCreateOpen(false);}],
-                    ['Event Type', ()=>{setPanel('eventTypes');setCreateOpen(false);}],
-                  ].map(([label,action])=>(
-                    <button key={label} onClick={action} style={{display:'block',width:'100%',padding:'12px 16px',textAlign:'left',fontSize:15,background:'none',border:'none',cursor:'pointer',color:'var(--text-primary)',borderBottom:'1px solid var(--border)'}}
-                      onMouseEnter={e=>e.currentTarget.style.background='var(--background)'} onMouseLeave={e=>e.currentTarget.style.background=''}>{label}</button>
-                  ))}
-                </div>
-              )}
-            </div>
-          )}
           <UserFooter onProfile={onProfile} onHelp={onHelp} onAbout={onAbout} />
         </div>
       )}
 
+      {/* Mobile FAB — floating create button, same style as Messages newchat-fab */}
+      {isMobile && isToolManager && panel === 'calendar' && (
+        <div style={{ position:'fixed', bottom:84, right:16, zIndex:30 }} ref={createRef}>
+          <button className="newchat-fab" onClick={() => setCreateOpen(v=>!v)}>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor" width="24" height="24">
+              <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+            </svg>
+          </button>
+          {createOpen && (
+            <div style={{ position:'absolute', bottom:'calc(100% + 8px)', right:0, zIndex:100, background:'var(--surface-variant)', border:'1px solid var(--border)', borderRadius:'var(--radius)', boxShadow:'0 -4px 16px rgba(0,0,0,0.15)', minWidth:180 }}>
+              {[['Event', ()=>{setPanel('eventForm');setEditingEvent(null);setCreateOpen(false);}],
+                ['Event Type', ()=>{setPanel('eventTypes');setCreateOpen(false);}],
+              ].map(([label,action])=>(
+                <button key={label} onClick={action} style={{display:'block',width:'100%',padding:'12px 16px',textAlign:'left',fontSize:15,background:'none',border:'none',cursor:'pointer',color:'var(--text-primary)',borderBottom:'1px solid var(--border)'}}
+                  onMouseEnter={e=>e.currentTarget.style.background='var(--background)'} onMouseLeave={e=>e.currentTarget.style.background=''}>{label}</button>
+              ))}
+            </div>
+          )}
+        </div>
+      )}
+
+      </div>{/* end right+bottom column wrapper */}
+
       {/* Event detail modal */}
       {detailEvent && (
         <EventDetailModal