From 0bbf4c2694bfc729303d6e9a9a7ee14321835463 Mon Sep 17 00:00:00 2001
From: KarthiDreamr <karthidreamr@gmail.com>
Date: Wed, 13 Aug 2025 22:28:13 +0530
Subject: [PATCH] refactor: change toggle from '?' button to the 'switch'
 component

---
 popup.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/popup.html b/popup.html
index 88317d4..66fa1e4 100644
--- a/popup.html
+++ b/popup.html
@@ -277,7 +277,7 @@
 
   <div class="setting-group">
     <div class="toggle-container">
-      <label for="save-to-pc-toggle" class="toggle-label">
+      <label class="toggle-label">
         Save to PC
         <div class="tooltip">
           <div class="tooltip-icon" tabindex="0" role="button" aria-label="Show save to PC feature information">?</div>
@@ -292,7 +292,7 @@
           </div>
         </div>
       </label>
-      <div class="toggle-switch">
+      <label class="toggle-switch" for="save-to-pc-toggle">
         <input 
           type="checkbox" 
           id="save-to-pc-toggle" 
@@ -301,7 +301,7 @@
           aria-label="Toggle save screenshot to PC"
         >
         <span class="toggle-slider" role="presentation"></span>
-      </div>
+      </label>
     </div>
     <div id="save-to-pc-help" class="toggle-help">
       Automatically download screenshots as PNG files to your computer. Hover over the "?" for more details.
@@ -310,7 +310,7 @@
 
   <div class="setting-group">
     <div class="toggle-container">
-      <label for="clipboard-toggle" class="toggle-label">
+      <label class="toggle-label">
         Copy to Clipboard
         <div class="tooltip">
           <div class="tooltip-icon" tabindex="0" role="button" aria-label="Show clipboard feature information">?</div>
@@ -325,7 +325,7 @@
           </div>
         </div>
       </label>
-      <div class="toggle-switch">
+      <label class="toggle-switch" for="clipboard-toggle">
         <input 
           type="checkbox" 
           id="clipboard-toggle" 
@@ -334,7 +334,7 @@
           aria-label="Toggle copy screenshot to clipboard"
         >
         <span class="toggle-slider" role="presentation"></span>
-      </div>
+      </label>
     </div>
     <div id="clipboard-help" class="toggle-help">
       Automatically copy screenshots to clipboard for quick pasting. Hover over the "?" for more details.