rick/rosterchirp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

alignment of lists and user menu text

Browse Source
This commit is contained in:
Ricky Stretch
2026-03-28 20:31:21 -04:00
parent 2037bb1caa
commit 12c4a154e5
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/UserFooter.jsx
View File

@@ -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> onMouseEnter={e=>e.currentTarget.style.background='var(--background)'} onMouseLeave={e=>e.currentTarget.style.background=''}>{label}</button>
))} ))}
{showPushToggle && ( {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=''}> 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> <span style={{ fontSize:12,fontWeight:700,color: pushEnabled ? '#22c55e' : '#ef4444' }}>{pushEnabled ? 'ON' : 'OFF'}</span>
</button> </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> <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> <span style={{ fontSize: 11, fontWeight: 700, color: pushEnabled ? '#22c55e' : '#ef4444' }}>{pushEnabled ? 'ON' : 'OFF'}</span>
</button> </button>
)} )}

2
frontend/src/pages/UserManagerPage.jsx
View File

@@ -442,7 +442,7 @@ function BulkImportForm({ userPass, allUserGroups, onCreated }) {
{allUserGroups?.length > 0 && ( {allUserGroups?.length > 0 && (
<div> <div>
<p style={{ fontWeight:600, marginBottom:4 }}>User Groups available</p> <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>)} {allUserGroups.map(g => <span key={g.id} style={{ fontFamily:'monospace', fontSize:11 }}>{g.name}</span>)}
</div> </div>
</div> </div>