From: Chris Duncan <chris@codecow.com>
Date: Sun, 26 Jul 2026 08:31:07 +0000 (-0700)
Subject: Improve sizing of validation inputs. Prevent line breaks within labels.
X-Git-Url: https://git.codecow.com/?a=commitdiff_plain;h=c6fd2c52c338ef99b9833de0fe9071fb52a626f3;p=nano-pow.git

Improve sizing of validation inputs. Prevent line breaks within labels.
---

diff --git a/index.html b/index.html
index 0f3a599..4801165 100644
--- a/index.html
+++ b/index.html
@@ -313,12 +313,14 @@ SPDX-License-Identifier: GPL-3.0-or-later
 		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;}
+		div.hex>input{font-family:monospace;font-size:0.8em;padding-left:1.8em;}
 		ol{counter-reset:i;list-style-type:none;padding-left:1em;}
 		ol li{display:grid;gap:0.25em;grid-template-columns:auto 1fr;}
 		ol li::before{content:counters(i,'.')'.';counter-increment:i;}
 		ol li>ol{grid-column:2;}
 		.warning::before{content:'\0026a0\00FE0F';}
+		#hash{width:39em;}
+		#work{width:10em;}
 	</style>
 </head>
 
@@ -350,11 +352,15 @@ SPDX-License-Identifier: GPL-3.0-or-later
 	</ol>
 	<hr />
 	<h3>Work Validation Tool</h3>
-	<label for="work">Work</label>
-	<div class="hex"><input id="work" type="text" /></div>
-	<label for="hash" class="hex">Block Hash</label>
-	<div class="hex"><input id="hash" type="text" /></div>
-	<span id="validation"></span>
+	<div>
+		<label for="hash" class="hex">Block&nbsp;Hash</label>
+		<div class="hex"><input id="hash" type="text" /></div>
+	</div>
+	<div>
+		<label for="work">Work</label>
+		<div class="hex"><input id="work" type="text" /></div>
+		<span id="validation"></span>
+	</div>
 	<hr />
 	<h3>Benchmarking</h3>
 	<div>
@@ -369,13 +375,13 @@ SPDX-License-Identifier: GPL-3.0-or-later
 		</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>
+		<label for="effort">Effort&nbsp;(1&#8209;32)</label>
 		<input id="effort" type="number" min="1" max="32" />
 	</div>
 	<div>
-		<label for="size">Test Size</label>
+		<label for="size">Test&nbsp;Size</label>
 		<input id="size" type="number" value="100" min="1" autofocus />
-		<label for="runs">Test Runs</label>
+		<label for="runs">Test&nbsp;Runs</label>
 		<input id="runs" type="number" value="10" min="1" autofocus />
 		<button id="btnStartTest" disabled>Go</button>
 	</div>