From 01760a31f5796a7e5e40238492fb296deb1905f3 Mon Sep 17 00:00:00 2001
From: mwiegand <martin.wiegand@seibert.group>
Date: Fri, 8 May 2026 20:52:12 +0200
Subject: [PATCH] =?UTF-8?q?fix(l4d2-web):=20textareas=20=E2=80=94=20monosp?=
 =?UTF-8?q?ace=20font,=20consistent=20rows=20on=20blueprint=20forms?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bash script, Arguments and Config are all structured text — render them
in a monospace font with tab-size: 4 and resize: vertical via a base
'textarea' rule in components.css. Add rows="8" + spellcheck="false"
to the blueprint Arguments/Config textareas (both edit and create
forms) so they're a sensible size and consistent with each other.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 l4d2web/static/css/components.css       | 8 ++++++++
 l4d2web/templates/blueprint_detail.html | 4 ++--
 l4d2web/templates/blueprints.html       | 4 ++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/l4d2web/static/css/components.css b/l4d2web/static/css/components.css
index 32e1d0c..0eb2fdc 100644
--- a/l4d2web/static/css/components.css
+++ b/l4d2web/static/css/components.css
@@ -50,6 +50,14 @@ textarea {
   padding: var(--space-s) var(--space-m);
 }
 
+textarea {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  resize: vertical;
+  tab-size: 4;
+}
+
 input:focus,
 select:focus,
 textarea:focus,
diff --git a/l4d2web/templates/blueprint_detail.html b/l4d2web/templates/blueprint_detail.html
index 0b82d78..b107e32 100644
--- a/l4d2web/templates/blueprint_detail.html
+++ b/l4d2web/templates/blueprint_detail.html
@@ -26,8 +26,8 @@
         {% endfor %}
       </tbody>
     </table>
-    <label>Arguments <textarea name="arguments">{{ arguments | join('\n') }}</textarea></label>
-    <label>Config <textarea name="config">{{ config_lines | join('\n') }}</textarea></label>
+    <label>Arguments <textarea name="arguments" rows="8" spellcheck="false">{{ arguments | join('\n') }}</textarea></label>
+    <label>Config <textarea name="config" rows="8" spellcheck="false">{{ config_lines | join('\n') }}</textarea></label>
     <button type="submit">Save blueprint</button>
   </form>
 </section>
diff --git a/l4d2web/templates/blueprints.html b/l4d2web/templates/blueprints.html
index 996b447..9ba8a97 100644
--- a/l4d2web/templates/blueprints.html
+++ b/l4d2web/templates/blueprints.html
@@ -34,8 +34,8 @@
     <div class="modal-body">
       <input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
       <label>Name <input name="name" required></label>
-      <label>Arguments <textarea name="arguments"></textarea></label>
-      <label>Config <textarea name="config"></textarea></label>
+      <label>Arguments <textarea name="arguments" rows="8" spellcheck="false"></textarea></label>
+      <label>Config <textarea name="config" rows="8" spellcheck="false"></textarea></label>
     </div>
     <div class="modal-footer">
       <button type="button" class="button-secondary" data-modal-close>Cancel</button>