Merge pull request #116 from xuwei-k/output-type-label

fix output_type label
xuwei-k · Mar 12, 2024 · 95530c2 · 95530c2
2 parents fc0f32d + 6783453
commit 95530c2
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/sources/main.js b/sources/main.js
@@ -294,46 +294,46 @@ const App = () => {
           <div class="row">
             <fieldset>
               <legend>output type</legend>
-              <div>
+              <label>
                 <input
                   type="radio"
                   name="output_type"
                   value="raw"
                   checked=${outputType === "raw"}
                   onChange=${() => setOutputType("raw")}
                 />
-                <label for="raw">Raw Scalameta</label>
-              </div>
-              <div>
+                <span>Raw Scalameta</span>
+              </label>
+              <label>
                 <input
                   type="radio"
                   name="output_type"
                   value="syntactic"
                   checked=${outputType === "syntactic"}
                   onChange=${() => setOutputType("syntactic")}
                 />
-                <label for="syntactic">Scalafix SyntacticRule</label>
-              </div>
-              <div>
+                <span>Scalafix SyntacticRule</span>
+              </label>
+              <label>
                 <input
                   type="radio"
                   name="output_type"
                   value="semantic"
                   checked=${outputType === "semantic"}
                   onChange=${() => setOutputType("semantic")}
                 />
-                <label for="semantic">Scalafix SemanticRule</label>
-              </div>
-              <div>
+                <span>Scalafix SemanticRule</span>
+              </label>
+              <label>
                 <input
                   type="radio"
                   name="output_type"
                   value="tokens"
                   checked=${outputType === "tokens"}
                   onChange=${() => setOutputType("tokens")}
                 />
-                <label for="tokens">Tokens</label>
-              </div>
+                <span>Tokens</span>
+              </label>
             </fieldset>
           </div>
           <div class="row">