Fix oversized toggle switches on mobile

The global @media (pointer: coarse) rule was forcing min-height: 44px on toggle button elements, inflating them from 20px to 44px. Added data-slot="toggle" to all 10 toggle buttons and a CSS override to reset their min-height, keeping the parent row as the touch target. Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-03-22 06:35:32 -05:00
parent bd0b76072b
commit 42c8d9b660
7 changed files with 14 additions and 0 deletions
@@ -153,6 +153,10 @@
  [data-slot="select-trigger"] {
    min-height: 44px;
  }
+
+  [data-slot="toggle"] {
+    min-height: 0;
+  }
 }

 /* Dark mode scrollbars */