wrap by div

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