From 3e6c0212a67d630ec55bb9608fe1e96a8a0e7a44 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Sun, 29 Mar 2026 03:22:45 +0300
Subject: [PATCH] fix: desktop vertical alignment regression and touch target
 sizing

- SettingsTableRow: use max-lg:self-end instead of self-end to prevent
  bottom-aligning controls on desktop (self-end overrides items-center)
- QuickToggles: add min-h-[44px] matching Toggle component pattern
---
 src/components/admin/QuickToggles.tsx     | 2 +-
 src/components/admin/SettingsTableRow.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/QuickToggles.tsx b/src/components/admin/QuickToggles.tsx
index 84fd030..649de9c 100644
--- a/src/components/admin/QuickToggles.tsx
+++ b/src/components/admin/QuickToggles.tsx
@@ -39,7 +39,7 @@ export function QuickToggles({ settings, onUpdate, disabled, className }: QuickT
               onClick={() => onUpdate(setting.key, isOn ? 'false' : 'true')}
               disabled={disabled}
               className={cn(
-                'flex items-center gap-2 rounded-lg border px-2.5 py-2.5 text-xs font-medium transition-all',
+                'flex min-h-[44px] items-center gap-2 rounded-lg border px-2.5 py-2.5 text-xs font-medium transition-all',
                 isOn
                   ? 'border-success-500/20 bg-success-500/[0.08] text-dark-100'
                   : 'border-dark-600/50 bg-dark-700/20 text-dark-400',
diff --git a/src/components/admin/SettingsTableRow.tsx b/src/components/admin/SettingsTableRow.tsx
index df76f8f..0218b8c 100644
--- a/src/components/admin/SettingsTableRow.tsx
+++ b/src/components/admin/SettingsTableRow.tsx
@@ -113,7 +113,7 @@ export function SettingsTableRow({
         <div
           className={cn(
             'flex items-center gap-2',
-            isLongValue ? 'w-full' : 'self-end lg:flex-shrink-0',
+            isLongValue ? 'w-full' : 'max-lg:self-end lg:flex-shrink-0',
           )}
         >
           {setting.read_only ? (