From 54804d0e5fc514c2ad17cb0adb8379b461ed9fd7 Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Sun, 29 Mar 2026 13:21:24 +0200
Subject: [PATCH] style: unify language button size with other settings buttons

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

diff --git a/client/src/pages/SettingsPage.tsx b/client/src/pages/SettingsPage.tsx
index 7d3cc6df..cd6147ce 100644
--- a/client/src/pages/SettingsPage.tsx
+++ b/client/src/pages/SettingsPage.tsx
@@ -272,7 +272,7 @@ export default function SettingsPage(): React.ReactElement {
             {/* Sprache */}
             <div>
               <label className="block text-sm font-medium mb-2" style={{ color: 'var(--text-secondary)' }}>{t('settings.language')}</label>
-              <div className="flex flex-wrap gap-2">
+              <div className="flex flex-wrap gap-3">
                 {SUPPORTED_LANGUAGES.map(opt => (
                   <button
                     key={opt.value}
@@ -281,9 +281,9 @@ export default function SettingsPage(): React.ReactElement {
                       catch (e: unknown) { toast.error(e instanceof Error ? e.message : 'Error') }
                     }}
                     style={{
-                      display: 'flex', alignItems: 'center', gap: 6,
-                      padding: '8px 14px', borderRadius: 10, cursor: 'pointer',
-                      fontFamily: 'inherit', fontSize: 13, fontWeight: 500,
+                      display: 'flex', alignItems: 'center', gap: 8,
+                      padding: '10px 20px', borderRadius: 10, cursor: 'pointer',
+                      fontFamily: 'inherit', fontSize: 14, fontWeight: 500,
                       border: settings.language === opt.value ? '2px solid var(--text-primary)' : '2px solid var(--border-primary)',
                       background: settings.language === opt.value ? 'var(--bg-hover)' : 'var(--bg-card)',
                       color: 'var(--text-primary)',