From 9e1ac682ddd1280fde02169c50cb7f87c6bedb96 Mon Sep 17 00:00:00 2001
From: William Entriken <github.com@phor.net>
Date: Sun, 11 Nov 2018 22:32:32 -0500
Subject: [PATCH] Use HTML label for options, fixes #1600

---
 src/app/tabs/compile-tab.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/tabs/compile-tab.js b/src/app/tabs/compile-tab.js
index caefef492f..41e9d5e6bd 100644
--- a/src/app/tabs/compile-tab.js
+++ b/src/app/tabs/compile-tab.js
@@ -220,15 +220,15 @@ module.exports = class CompileTab {
             <div class=${css.checkboxes}>
               <div class="${css.autocompileContainer}">
                 ${self._view.autoCompile}
-                <span class="${css.autocompileText}">Auto compile</span>
+                <label for="autoCompile" class="${css.autocompileText}">Auto compile</label>
               </div>
               <div class="${css.optimizeContainer}">
                 <div>${self._view.optimize}</div>
-                <span class="${css.checkboxText}">Enable Optimization</span>
+                <label for="optimize" class="${css.checkboxText}">Enable Optimization</label>
               </div>
               <div class=${css.hideWarningsContainer}>
                 ${self._view.hideWarningsBox}
-                <span class="${css.autocompileText}">Hide warnings</span>
+                <label for="hideWarningsBox" class="${css.autocompileText}">Hide warnings</label>
               </div>
             </div>
             ${self._view.compileButton}