From 31901495de0b86e8e185e84ac0b329e034a96ef5 Mon Sep 17 00:00:00 2001
From: Astra <astra@zio.sh>
Date: Fri, 2 Oct 2026 20:18:39 +0100
Subject: [PATCH] Verification form: buttons in line with the inputs, shorter
 help text

The help text sat inside each field, so the buttons lined up with it rather than the inputs, and
its long unbroken URL made the page too wide on phones. It's now one short line under the row.
---
 internal/web/assets/admin.js | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/internal/web/assets/admin.js b/internal/web/assets/admin.js
index 5a734c9..4e9cb6e 100644
--- a/internal/web/assets/admin.js
+++ b/internal/web/assets/admin.js
@@ -420,17 +420,20 @@ function verifyStatus(st) {
         <dt>Overrides</dt><dd>${st.overrides}</dd>
         <dt>Changes apply</dt><dd>Within ${st.reloadSeconds} seconds <span class="muted">(times in ${esc(st.timezone)})</span></dd>
       </dl>
-      ${st.canConfigure ? `<form id="gv-form" style="display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-top:16px">
-        <label class="field" style="flex:2;min-width:240px"><span>Steam group ID64</span>
-          <input class="input" name="group" value="${esc(st.groupId)}" data-was="${esc(st.groupId)}" inputmode="numeric" pattern="[0-9]{0,20}" placeholder="103582791…, blank or 0 turns verification off">
-          <small>&lt;groupID64&gt; on https://steamcommunity.com/groups/&lt;name&gt;/memberslistxml/?xml=1</small>
-        </label>
-        <label class="field" style="flex:1;min-width:160px"><span>Clan tag</span>
-          <input class="input" name="clantag" value="${esc(st.clanTag)}" data-was="${esc(st.clanTag)}" maxlength="12" pattern="[^&quot;;\\\\]*" placeholder="none">
-          <small>Scoreboard tag for verified players without a rank. Blank: none.</small>
-        </label>
-        <button class="btn" type="submit">Save</button>
-        <button class="btn ${st.enabled ? "danger" : "primary"}" type="button" data-act="gv-toggle" data-on="${st.enabled ? "0" : "1"}">${st.enabled ? "Turn off" : "Turn on"}</button>
+      ${st.canConfigure ? `<form id="gv-form" style="margin-top:16px">
+        <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end">
+          <label class="field" style="flex:2 1 240px;min-width:0"><span>Steam group ID64</span>
+            <input class="input" name="group" value="${esc(st.groupId)}" data-was="${esc(st.groupId)}" inputmode="numeric" pattern="[0-9]{0,20}" placeholder="103582791…, blank or 0 turns it off">
+          </label>
+          <label class="field" style="flex:1 1 140px;min-width:0"><span>Clan tag</span>
+            <input class="input" name="clantag" value="${esc(st.clanTag)}" data-was="${esc(st.clanTag)}" maxlength="12" pattern="[^&quot;;\\\\]*" placeholder="none">
+          </label>
+          <div style="display:flex;gap:8px">
+            <button class="btn" type="submit">Save</button>
+            <button class="btn ${st.enabled ? "danger" : "primary"}" type="button" data-act="gv-toggle" data-on="${st.enabled ? "0" : "1"}">${st.enabled ? "Turn off" : "Turn on"}</button>
+          </div>
+        </div>
+        <small class="muted" style="display:block;margin-top:8px;font-size:13px;overflow-wrap:anywhere">The &lt;groupID64&gt; from your group's member list XML.</small>
       </form>` : '<p class="muted" style="margin:16px 0 0">Only Root can change the group or turn verification on and off.</p>'}
     </div>
   </section>`;