style: increase spacing between password/MFA sections in settings

This commit is contained in:
Maurice
2026-03-29 13:20:08 +02:00
parent 3abcc0ec76
commit 631e47944b

View File

@@ -410,7 +410,7 @@ export default function SettingsPage(): React.ReactElement {
{/* Change Password */} {/* Change Password */}
{!oidcOnlyMode && ( {!oidcOnlyMode && (
<div style={{ paddingTop: 8, marginTop: 8, borderTop: '1px solid var(--border-secondary)' }}> <div style={{ paddingTop: 16, marginTop: 16, borderTop: '1px solid var(--border-secondary)' }}>
<label className="block text-sm font-medium text-slate-700 mb-3">{t('settings.changePassword')}</label> <label className="block text-sm font-medium text-slate-700 mb-3">{t('settings.changePassword')}</label>
<div className="space-y-3"> <div className="space-y-3">
<input <input
@@ -461,7 +461,7 @@ export default function SettingsPage(): React.ReactElement {
)} )}
{/* MFA */} {/* MFA */}
<div style={{ paddingTop: 8, marginTop: 8, borderTop: '1px solid var(--border-secondary)' }}> <div style={{ paddingTop: 16, marginTop: 16, borderTop: '1px solid var(--border-secondary)' }}>
<div className="flex items-center gap-2 mb-3"> <div className="flex items-center gap-2 mb-3">
<KeyRound className="w-5 h-5" style={{ color: 'var(--text-secondary)' }} /> <KeyRound className="w-5 h-5" style={{ color: 'var(--text-secondary)' }} />
<h3 className="font-semibold text-base m-0" style={{ color: 'var(--text-primary)' }}>{t('settings.mfa.title')}</h3> <h3 className="font-semibold text-base m-0" style={{ color: 'var(--text-primary)' }}>{t('settings.mfa.title')}</h3>