From b77eb7d649563b953665f058d59d856ffb2f696c Mon Sep 17 00:00:00 2001
From: jasonMPM <jason@messagepoint.tv>
Date: Thu, 5 Mar 2026 16:24:24 -0600
Subject: [PATCH] Add files via upload

---
 frontend/src/App.jsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 751f4a9..5124b2e 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -36,25 +36,28 @@ export default function App() {
   return (
     <div className="flex h-screen bg-surface overflow-hidden">
       {/* Sidebar */}
-      <aside className={`flex-shrink-0 bg-surface-raised border-r border-surface-border flex flex-col h-full transition-[width] duration-300 overflow-hidden ${sidebarOpen ? 'w-72' : 'w-0'}`}>
+      <aside
+        className={`flex-shrink-0 bg-surface-raised border-r border-surface-border flex flex-col h-full transition-[width] duration-300 overflow-hidden ${sidebarOpen ? 'w-72' : 'w-0'}`}
+        style={{ '--sidebar-width': '18rem' }}
+      >
         <ProjectList onRegisterNewProject={fn => { newProjectFn.current = fn }} />
       </aside>
 
-      {/* Toggle button — ◀ tab when open, logo-only square when collapsed */}
+      {/* Toggle button — docked to left edge, never overlaps calendar header */}
       <button
         onClick={toggleSidebar}
         title={`${sidebarOpen ? 'Collapse' : 'Expand'} sidebar  [B]`}
-        className={`absolute z-30 flex items-center justify-center
+        className={`fixed z-30 flex items-center justify-center
           border-surface-border bg-surface-raised hover:bg-surface-elevated
           transition-all duration-300
           ${sidebarOpen
-            ? 'top-4 w-5 h-10 rounded-r-lg border border-l-0 hover:border-gold/40'
-            : 'top-0 left-0 w-16 h-16 rounded-br-2xl border-r border-b hover:border-gold/30'
+            ? 'top-16 w-6 h-10 rounded-r-lg border border-l-0 hover:border-gold/40'
+            : 'top-4 left-4 w-16 h-16 rounded-xl border hover:border-gold/30 shadow-lg'
           }`}
-        style={{ left: sidebarOpen ? 'var(--tw-sidebar-left, 18rem)' : 0 }}
+        style={{ left: sidebarOpen ? '18rem' : '1rem' }}
       >
         {sidebarOpen ? (
-          <span className="text-text-muted hover:text-gold text-[10px]">◀</span>
+          <span className="text-text-muted hover:text-gold text-[11px]">◀</span>
         ) : (
           <img
             src="/logo.png"