From f50f2aaba177601518a64d541ae48dc99b1ab2d3 Mon Sep 17 00:00:00 2001
From: Ricky Stretch <rick@stretchy.ca>
Date: Fri, 27 Mar 2026 23:00:59 -0400
Subject: [PATCH] close button on user menu

---
 frontend/src/components/UserFooter.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/components/UserFooter.jsx b/frontend/src/components/UserFooter.jsx
index 2d9e947..a5e34de 100644
--- a/frontend/src/components/UserFooter.jsx
+++ b/frontend/src/components/UserFooter.jsx
@@ -309,6 +309,11 @@ export default function UserFooter({ onProfile, onHelp, onAbout, mobileCompact=f
 
       {showMenu && (
         <div ref={menuRef} className="footer-menu">
+          <div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: 4 }}>
+            <button onClick={() => setShowMenu(false)} style={{ background: 'none', border: 'none', cursor: 'pointer', padding: '2px 4px', color: 'var(--text-tertiary)', lineHeight: 1 }} aria-label="Close menu">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+            </button>
+          </div>
           <button className="footer-menu-item" onClick={() => { setShowMenu(false); onProfile?.(); }}>
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
             Profile