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>
This commit is contained in:
dotta 2026-03-22 06:35:32 -05:00
parent bd0b76072b
commit 42c8d9b660
7 changed files with 14 additions and 0 deletions

View file

@ -81,6 +81,7 @@ export function InstanceGeneralSettings() {
</div>
<button
type="button"
data-slot="toggle"
aria-label="Toggle username log censoring"
disabled={toggleMutation.isPending}
className={cn(