From e61f00d4c156d5f38877333f17ba67de8ab7c4cb Mon Sep 17 00:00:00 2001
From: dotta <dotta@example.com>
Date: Sun, 22 Mar 2026 06:51:23 -0500
Subject: [PATCH] Add missing data-slot="toggle" to Routines toggle buttons

The initial mobile toggle fix (afc3d7ec) missed 2 toggle switches in
RoutineDetail.tsx and Routines.tsx. Without the attribute, these toggles
would still inflate to 44px on touch devices via the @media (pointer: coarse)
rule.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/pages/RoutineDetail.tsx | 1 +
 ui/src/pages/Routines.tsx      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/ui/src/pages/RoutineDetail.tsx b/ui/src/pages/RoutineDetail.tsx
index f357878d..387e31f7 100644
--- a/ui/src/pages/RoutineDetail.tsx
+++ b/ui/src/pages/RoutineDetail.tsx
@@ -647,6 +647,7 @@ export function RoutineDetail() {
           <button
             type="button"
             role="switch"
+            data-slot="toggle"
             aria-checked={automationEnabled}
             aria-label={automationEnabled ? "Pause automatic triggers" : "Enable automatic triggers"}
             disabled={automationToggleDisabled}
diff --git a/ui/src/pages/Routines.tsx b/ui/src/pages/Routines.tsx
index 7a46f16d..a0d59d03 100644
--- a/ui/src/pages/Routines.tsx
+++ b/ui/src/pages/Routines.tsx
@@ -580,6 +580,7 @@ export function Routines() {
                           <button
                             type="button"
                             role="switch"
+                            data-slot="toggle"
                             aria-checked={enabled}
                             aria-label={enabled ? `Disable ${routine.title}` : `Enable ${routine.title}`}
                             disabled={isStatusPending || isArchived}