From cddae24e34b246b2e00d50bc5a4a38ef2f24aec0 Mon Sep 17 00:00:00 2001
From: Mike McGhen <mcghenmike@gmail.com>
Date: Tue, 24 Mar 2026 18:42:19 -0400
Subject: [PATCH] Fix toggle switches not being clickable

Changed toggle wrapper from div to label so clicking
the slider visual actually toggles the checkbox.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 chrome-extension/popup.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/chrome-extension/popup.html b/chrome-extension/popup.html
index 34127dd..150c93a 100644
--- a/chrome-extension/popup.html
+++ b/chrome-extension/popup.html
@@ -62,7 +62,7 @@
       align-items: center;
       padding: 8px 0;
     }
-    .toggle-row label {
+    .toggle-row span {
       margin: 0;
       color: #eee;
       font-size: 13px;
@@ -222,25 +222,25 @@
 
   <div class="section">
     <div class="toggle-row">
-      <label>Monitor Enabled</label>
-      <div class="toggle">
+      <span>Monitor Enabled</span>
+      <label class="toggle" for="enabled">
         <input type="checkbox" id="enabled" checked>
         <span class="slider"></span>
-      </div>
+      </label>
     </div>
     <div class="toggle-row">
-      <label>Notify New Products</label>
-      <div class="toggle">
+      <span>Notify New Products</span>
+      <label class="toggle" for="notifyNew">
         <input type="checkbox" id="notifyNew" checked>
         <span class="slider"></span>
-      </div>
+      </label>
     </div>
     <div class="toggle-row">
-      <label>Notify Restocks</label>
-      <div class="toggle">
+      <span>Notify Restocks</span>
+      <label class="toggle" for="notifyRestock">
         <input type="checkbox" id="notifyRestock" checked>
         <span class="slider"></span>
-      </div>
+      </label>
     </div>
   </div>