Allow toggling via the entire row

Author: matze

crates/wastebin_server/templates/index.html

@@ -116,27 +116,27 @@
 
         <section class="panel-section">
           <div class="panel-label">options</div>
-          <div class="toggle-row" id="burn-row">
+          <label class="toggle-row" id="burn-row">
             <div>
               <div class="toggle-label">burn after reading</div>
               <div class="toggle-hint">delete on first view</div>
             </div>
-            <label class="toggle-track">
+            <span class="toggle-track">
               <input type="checkbox" name="burn-after-reading" id="burn-after-reading" class="toggle-input">
               <span class="toggle-switch"></span>
-            </label>
-          </div>
+            </span>
+          </label>
           <div class="toggle-gap"></div>
-          <div class="toggle-row" id="encrypt-row">
+          <label class="toggle-row" id="encrypt-row">
             <div>
               <div class="toggle-label">encrypt</div>
               <div class="toggle-hint">password-protect the paste</div>
             </div>
-            <label class="toggle-track">
+            <span class="toggle-track">
               <input type="checkbox" id="encrypt-toggle" class="toggle-input">
               <span class="toggle-switch"></span>
-            </label>
-          </div>
+            </span>
+          </label>
           <div class="password-group" id="password-group">
             <div class="password-input-wrap">
               <input type="password" name="password" id="password" class="input-base" placeholder="password">