From: Chris Duncan <chris@codecow.com>
Date: Sun, 26 Jul 2026 05:37:54 +0000 (-0700)
Subject: Adjust styling and wrap benchmark options in divs to separate them.
X-Git-Url: https://git.codecow.com/?a=commitdiff_plain;h=46711d4f1d54cebd271271440984325f47371f3c;p=nano-pow.git

Adjust styling and wrap benchmark options in divs to separate them.
---

diff --git a/index.html b/index.html
index c520cac..f0b5168 100644
--- a/index.html
+++ b/index.html
@@ -299,7 +299,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
 		document.getElementById('effort').value = Math.max(1, Math.floor(navigator.hardwareConcurrency) / 2)
 	</script>
 	<style>
-		body{background:black;color:white;font-size:0.9rem;line-height:140%;margin:0 auto;max-width:900px;}a{color:darkcyan;}input[type=number]{width:5em;}input[type=checkbox]{margin-right:2em;}
+		body{background:black;color:white;font-size:0.8rem;line-height:150%;margin:0 auto;max-width:650px;min-width:26rem;padding:0 1em;}a{color:darkcyan;}input[type=number]{width:5em;}input[type=checkbox]{margin-right:2em;}
 		div.hex{display:inline-block;font-family:monospace;}
 		div.hex::before{color:grey;content:'0x';display:inline-block;font-family:monospace;font-size:90%;left:0.5em;position:relative;width:0;}
 		div.hex>input{font-family:monospace;padding-left:1.5em;}
@@ -342,24 +342,28 @@ SPDX-License-Identifier: GPL-3.0-or-later
 	<span id="validation"></span>
 	<hr />
 	<h3>Benchmarking</h3>
-	<span>
-		<label for="api">API</label>
-		<select id="api">
-			<option id="api_webgpu">WebGPU</option>
-			<option id="api_webgl">WebGL</option>
-			<option id="api_wasm">WASM</option>
-			<option>CPU</option>
-		</select>
-	</span>
-	<label for="difficulty" class="hex">Difficulty</label>
-	<div class="hex"><input id="difficulty" type="text" value="FFFFFFF800000000" /></div>
-	<label for="effort">Effort (1-32)</label>
-	<input id="effort" type="number" min="1" max="32" />
-	<label for="size">Test Size</label>
-	<input id="size" type="number" value="100" min="1" autofocus />
-	<label for="runs">Test Runs</label>
-	<input id="runs" type="number" value="10" min="1" autofocus />
-	<button id="btnStartTest" disabled>Go</button>
+	<div>
+		<span>
+			<label for="api">API</label>
+			<select id="api">
+				<option id="api_webgpu">WebGPU</option>
+				<option id="api_webgl">WebGL</option>
+				<option id="api_wasm">WASM</option>
+				<option>CPU</option>
+			</select>
+		</span>
+		<label for="difficulty" class="hex">Difficulty</label>
+		<div class="hex"><input id="difficulty" type="text" value="FFFFFFF800000000" /></div>
+		<label for="effort">Effort (1-32)</label>
+		<input id="effort" type="number" min="1" max="32" />
+	</div>
+	<div>
+		<label for="size">Test Size</label>
+		<input id="size" type="number" value="100" min="1" autofocus />
+		<label for="runs">Test Runs</label>
+		<input id="runs" type="number" value="10" min="1" autofocus />
+		<button id="btnStartTest" disabled>Go</button>
+	</div>
 	<hr />
 	<h3 id="status">LOADING</h3>
 	<hr />