From 12c4a154e5bd4418015f05ec64c199887c8d0e64 Mon Sep 17 00:00:00 2001
From: Ricky Stretch <rick@stretchy.ca>
Date: Sat, 28 Mar 2026 20:31:21 -0400
Subject: [PATCH] alignment of lists and user menu text

---
 frontend/src/components/UserFooter.jsx | 6 +++---
 frontend/src/pages/UserManagerPage.jsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/UserFooter.jsx b/frontend/src/components/UserFooter.jsx
index 7339cc3..e2fdfb0 100644
--- a/frontend/src/components/UserFooter.jsx
+++ b/frontend/src/components/UserFooter.jsx
@@ -296,9 +296,9 @@ export default function UserFooter({ onProfile, onHelp, onAbout, mobileCompact=f
               onMouseEnter={e=>e.currentTarget.style.background='var(--background)'} onMouseLeave={e=>e.currentTarget.style.background=''}>{label}</button>
           ))}
           {showPushToggle && (
-            <button onClick={() => { setShowMenu(false); setShowConfirm(true); }} style={{ display:'flex',alignItems:'center',justifyContent:'space-between',width:'100%',padding:'11px 14px',textAlign:'left',fontSize:14,background:'none',border:'none',cursor:'pointer',color:'var(--text-primary)' }}
+            <button onClick={() => { setShowMenu(false); setShowConfirm(true); }} style={{ display:'flex',alignItems:'center',width:'100%',padding:'11px 14px',fontSize:14,background:'none',border:'none',cursor:'pointer',color:'var(--text-primary)' }}
               onMouseEnter={e=>e.currentTarget.style.background='var(--background)'} onMouseLeave={e=>e.currentTarget.style.background=''}>
-              <span>Notifications</span>
+              <span style={{ flex:1, textAlign:'left' }}>Notifications</span>
               <span style={{ fontSize:12,fontWeight:700,color: pushEnabled ? '#22c55e' : '#ef4444' }}>{pushEnabled ? 'ON' : 'OFF'}</span>
             </button>
           )}
@@ -375,7 +375,7 @@ export default function UserFooter({ onProfile, onHelp, onAbout, mobileCompact=f
               ) : (
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/><line x1="1" y1="1" x2="23" y2="23"/></svg>
               )}
-              <span style={{ flex: 1 }}>Notifications</span>
+              <span style={{ flex: 1, textAlign: 'left' }}>Notifications</span>
               <span style={{ fontSize: 11, fontWeight: 700, color: pushEnabled ? '#22c55e' : '#ef4444' }}>{pushEnabled ? 'ON' : 'OFF'}</span>
             </button>
           )}
diff --git a/frontend/src/pages/UserManagerPage.jsx b/frontend/src/pages/UserManagerPage.jsx
index c72d7c4..40279a3 100644
--- a/frontend/src/pages/UserManagerPage.jsx
+++ b/frontend/src/pages/UserManagerPage.jsx
@@ -442,7 +442,7 @@ function BulkImportForm({ userPass, allUserGroups, onCreated }) {
             {allUserGroups?.length > 0 && (
               <div>
                 <p style={{ fontWeight:600, marginBottom:4 }}>User Groups available</p>
-                <div style={{ display:'flex', flexDirection:'column', gap:1 }}>
+                <div style={{ display:'flex', flexDirection:'column', gap:1, paddingLeft:16 }}>
                   {allUserGroups.map(g => <span key={g.id} style={{ fontFamily:'monospace', fontSize:11 }}>{g.name}</span>)}
                 </div>
               </div>