From 631e47944bdcb27fb1155a5496010c0deb76e53b Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Sun, 29 Mar 2026 13:20:08 +0200
Subject: [PATCH] style: increase spacing between password/MFA sections in
 settings

---
 client/src/pages/SettingsPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/SettingsPage.tsx b/client/src/pages/SettingsPage.tsx
index f4c7dee..7d3cc6d 100644
--- a/client/src/pages/SettingsPage.tsx
+++ b/client/src/pages/SettingsPage.tsx
@@ -410,7 +410,7 @@ export default function SettingsPage(): React.ReactElement {
 
             {/* Change Password */}
             {!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>
               <div className="space-y-3">
                 <input
@@ -461,7 +461,7 @@ export default function SettingsPage(): React.ReactElement {
             )}
 
             {/* 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">
                 <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>