From f80111dba4c60966ac508a1eeff5bbb21f184f00 Mon Sep 17 00:00:00 2001
From: codex <codex@example.local>
Date: Thu, 11 Jun 2026 21:02:25 +0200
Subject: [PATCH] Refine join captcha layout

---
 kkkmeet-server.el |  2 +-
 public/index.html | 19 ++++++++++---------
 public/styles.css | 32 ++++++++++++++++----------------
 server.js         |  2 +-
 4 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/kkkmeet-server.el b/kkkmeet-server.el
index ec23bd8..fad9511 100644
--- a/kkkmeet-server.el
+++ b/kkkmeet-server.el
@@ -135,7 +135,7 @@
 
 (defun kkkmeet-server--captcha-accepted-p (value)
   "Return non-nil when VALUE matches the configured captcha passphrase."
-  (equal (or value "") (kkkmeet-server--captcha-passphrase)))
+  (string-equal-ignore-case (or value "") (kkkmeet-server--captcha-passphrase)))
 
 (defun kkkmeet-server--captcha-svg ()
   "Return an SVG captcha image for the configured passphrase."
diff --git a/public/index.html b/public/index.html
index e119f1d..e214ba6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -150,15 +150,16 @@
     <dialog id="name-dialog" class="name-dialog">
       <form id="initial-name-form" class="initial-name-form">
         <h2 id="name-dialog-title">Choose your name</h2>
-        <div class="join-fields">
-          <input
-            id="initial-name-input"
-            autocomplete="name"
-            maxlength="48"
-            placeholder="Your name"
-            required
-          />
-          <div id="captcha-control" class="captcha-control">
+        <input
+          id="initial-name-input"
+          autocomplete="name"
+          maxlength="48"
+          placeholder="Your name"
+          required
+        />
+        <div id="captcha-control" class="captcha-control">
+          <span class="captcha-label">Prove that you are not a bot</span>
+          <div class="captcha-row">
             <canvas id="captcha-canvas" width="160" height="42" aria-label="Captcha passphrase"></canvas>
             <input
               id="captcha-input"
diff --git a/public/styles.css b/public/styles.css
index bd211a5..c4c0cc9 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -98,33 +98,34 @@ h1 {
   letter-spacing: 0;
 }
 
+.initial-name-form input,
 .initial-name-form textarea,
 .initial-name-form button {
   width: 100%;
 }
 
-.join-fields {
-  display: grid;
-  grid-template-columns: minmax(160px, 1fr) minmax(240px, 1fr);
-  gap: 12px;
-  align-items: stretch;
-}
-
-.join-fields > input {
-  width: 100%;
-}
-
 .captcha-control {
   display: grid;
-  grid-template-columns: 160px minmax(0, 1fr);
-  gap: 8px;
-  align-items: stretch;
+  gap: 7px;
 }
 
 .captcha-control[hidden] {
   display: none;
 }
 
+.captcha-label {
+  color: #d5dbe3;
+  font-size: 13px;
+  font-weight: 650;
+}
+
+.captcha-row {
+  display: grid;
+  grid-template-columns: 160px minmax(0, 1fr);
+  gap: 8px;
+  align-items: stretch;
+}
+
 .captcha-control canvas {
   width: 160px;
   height: 42px;
@@ -148,8 +149,7 @@ h1 {
 }
 
 @media (max-width: 620px) {
-  .join-fields,
-  .captcha-control {
+  .captcha-row {
     grid-template-columns: 1fr;
   }
 
diff --git a/server.js b/server.js
index 0972831..6243559 100644
--- a/server.js
+++ b/server.js
@@ -90,7 +90,7 @@ function normalizeClientId(value) {
 }
 
 function captchaAccepted(value) {
-  return String(value || "") === captchaPassphrase;
+  return String(value || "").toLowerCase() === captchaPassphrase.toLowerCase();
 }
 
 function captchaSvg() {