From c0d69040d557ad4ab179eaaedc8074dab6ac5187 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Sun, 9 Aug 2026 22:47:49 +0300
Subject: [PATCH] fix conversion layout (button below input), add missing
 closing divs, add HTML div-balance test

---
 index.html         |  3 ++-
 tests/html.test.js | 12 ++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 tests/html.test.js

diff --git a/index.html b/index.html
index a9d7719..2dc3fad 100644
--- a/index.html
+++ b/index.html
@@ -535,7 +535,7 @@
 				<option value="plmn">MCC,MNC → PLMNsel</option>
 				<option value="plmnwact">MCC,MNC,AcT → PLMNwAcT</option>
 			</select>
-			<div class="flex gap-2 mb-2">
+			<div class="flex flex-col gap-2 mb-2">
 				<input id="conv-input" class="font-mono flex-1 border border-gray-300 dark:border-slate-600 text-sm rounded px-2 py-1.5 dark:bg-slate-800">
 				<button onclick="genConvert()" class="px-3 py-1.5 bg-blue-600 text-white text-xs font-medium rounded hover:bg-blue-700" data-l10n="Convert">Convert</button>
 			</div>
@@ -564,6 +564,7 @@
 			<textarea id="conv-result" rows="3" readonly class="w-full font-mono border border-gray-300 dark:border-slate-600 text-xs rounded px-2 py-1.5 mt-2 bg-white dark:bg-slate-800"></textarea>
 		</div>
 	</div>
+</div>
 </div>
 
 	<div id="tab-sp" class="tab-content hidden">
diff --git a/tests/html.test.js b/tests/html.test.js
new file mode 100644
index 0000000..571cbb8
--- /dev/null
+++ b/tests/html.test.js
@@ -0,0 +1,12 @@
+const { test } = require('node:test');
+const assert = require('node:assert');
+const fs = require('node:fs');
+const path = require('node:path');
+
+const html = fs.readFileSync(path.join(__dirname, '..', 'index.html'), 'utf8');
+const opens = (html.match(/<div\b/g) || []).length;
+const closes = (html.match(/<\/div>/g) || []).length;
+
+test('HTML <div> tags are balanced', () => {
+    assert.strictEqual(opens, closes, `Unbalanced divs: ${opens} opens vs ${closes} closes`);
+});