From 1ae6f53f54e79656d93fe9116ebc7812c50886c4 Mon Sep 17 00:00:00 2001
From: Samuel Johnson <sjohnson1149@proton.me>
Date: Tue, 17 Mar 2026 12:47:47 -0400
Subject: Fix comment spacing on mobile

---
 static/app.css               | 7 +++++++
 ui/html/pages/post.tmpl.html | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/static/app.css b/static/app.css
index 650ea58..e2acb2f 100644
--- a/static/app.css
+++ b/static/app.css
@@ -251,6 +251,13 @@ iframe {
     margin-right: 0em;
 }
 
+.comment_zone {
+    width: 25%;
+    display: grid;
+    grid-template-columns: 1fr 5fr 1fr;
+    gap: 1em;
+}
+
 .markdown_form {
     margin-left: 2em;
     margin-right: 2em;
diff --git a/ui/html/pages/post.tmpl.html b/ui/html/pages/post.tmpl.html
index d3b78f0..26d831a 100644
--- a/ui/html/pages/post.tmpl.html
+++ b/ui/html/pages/post.tmpl.html
@@ -10,7 +10,7 @@
         <form action="/comments/post?id={{.Post.Id}}" method="POST">
             <label for="comment"></label>
             <textarea name="comment" id="comment" rows="5" class="w100" required></textarea><br><br>
-            <div class="flex-between">
+            <div class="comment_zone">
                 <label for="name">Name:</label>
                 <input type="text" name="name" id="name" required>
                 <input type="submit" value="Post">
-- 
cgit v1.2.3