From 41bd79a77903b0340d47a72c4995100a2e549a12 Mon Sep 17 00:00:00 2001
From: "Alexander \"Arav\" Andreev" <me@arav.top>
Date: Sat, 25 Jun 2022 03:25:59 +0400
Subject: [PATCH] Styled CAPTCHA in a form.

---
 homepage/static/assets/css/guestbook.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/homepage/static/assets/css/guestbook.css b/homepage/static/assets/css/guestbook.css
index 2a3c675..00e2d48 100644
--- a/homepage/static/assets/css/guestbook.css
+++ b/homepage/static/assets/css/guestbook.css
@@ -6,7 +6,7 @@
     grid-template-areas:
         "n e w"
         "m m m"
-        "c c s";
+        "c a s";
     grid-template-columns: 1fr 1fr 1fr; }
 
 #new-post input[name="name"] { grid-area: n; }
@@ -43,6 +43,18 @@
     color: var(--text-color);
     font: inherit; }
 
+#new-post span.captcha {
+    display: flex;
+    flex-basis: 100%;
+    grid-area: a;
+    justify-content: space-evenly; align-items: center; column-gap: .5rem; }
+
+#new-post span.captcha img {
+    height: 40px;
+    width: 160px; }
+
+#new-post span.captcha input[type="text"] { width: 4.5rem; text-align: center; height: 27px; }
+
 #posts article:not(:last-child) { margin-bottom: 1rem; }
 
 #posts article header { display: inline; font-size: .85rem; }
@@ -64,5 +76,6 @@
             "w"
             "m"
             "c"
+            "a"
             "s";
         grid-template-columns: 1fr; } }
\ No newline at end of file