From 5c54f30b57c94400978ac95424b872f8176e1804 Mon Sep 17 00:00:00 2001
From: Hiro <hiro@openclaw.ai>
Date: Sat, 28 Mar 2026 14:27:05 +0000
Subject: [PATCH] fix: make hamburger always visible and use window prefix for
 onclick handlers

---
 public/css/style.css           | 4 ++--
 public/js/views/projectView.js | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index b11460d..f292def 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1240,7 +1240,7 @@ ul, ol {
 }
 
 /* === Mobile Navigation Drawer === */
-.mobile-nav-btn {
+.mobile-nav-btn { display: flex; margin-right: 8px; } .mobile-nav-btnOLD {
   display: none;
   width: 44px;
   height: 44px;
@@ -1317,7 +1317,7 @@ ul, ol {
     display: flex;
   }
 
-  .mobile-nav-btn {
+  .mobile-nav-btn { display: flex; margin-right: 8px; } .mobile-nav-btnOLD {
     display: flex;
   }
 
diff --git a/public/js/views/projectView.js b/public/js/views/projectView.js
index df0057d..318e737 100644
--- a/public/js/views/projectView.js
+++ b/public/js/views/projectView.js
@@ -74,7 +74,7 @@ export async function renderProjectView(app) {
 
     appEl.innerHTML = `
       <header class="app-header">
-        <button class="mobile-nav-btn" onclick="toggleMobileSidebar()" title="Menu">☰</button>
+        <button class="mobile-nav-btn" onclick="window.toggleMobileSidebar()" title="Menu">☰</button>
         <div class="logo">📝 SimpleNote</div>
         <div class="breadcrumb-nav">
           <span class="breadcrumb-link" onclick="window.app.navigate('projects')">Projects</span>
@@ -86,10 +86,10 @@ export async function renderProjectView(app) {
           <button class="btn btn-ghost" onclick="window.confirmDeleteProject('${project.id}')" title="Delete Project">🗑️</button>
         </div>
       </header>
-      <div class="sidebar-overlay" onclick="closeMobileSidebar()"></div>
+      <div class="sidebar-overlay" onclick="window.closeMobileSidebar()"></div>
       <div class="app-layout">
         <aside class="sidebar project-sidebar" id="sidebar">
-          <button class="sidebar-close-btn" onclick="closeMobileSidebar()">✕</button>
+          <button class="sidebar-close-btn" onclick="window.closeMobileSidebar()">✕</button>
           <div class="sidebar-scroll">
             <div class="sidebar-section">
               <div class="section-header">