From 74826d20faf4d9b1d6ce0ffb711bd1e4e445f432 Mon Sep 17 00:00:00 2001
From: Samuel Johnson <sjohnson1149@proton.me>
Date: Tue, 17 Mar 2026 12:38:58 -0400
Subject: Fix mobile view

---
 static/app.css                | 15 ++++++++++++++-
 ui/html/pages/index.tmpl.html |  4 ++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/static/app.css b/static/app.css
index c9b482d..94847ad 100644
--- a/static/app.css
+++ b/static/app.css
@@ -240,7 +240,6 @@ iframe {
 }
 
 .login_form {
-    width: 75%;
     display: grid;
     grid-template-columns: 1fr 9fr;
     gap: 1em;
@@ -376,4 +375,18 @@ iframe {
     .inner_pane {
         padding-bottom: 4em;
     }
+
+    .mobile_flexb {
+        margin-left: 1.5em;
+    }
+
+    .mobile_fullw {
+        width: 100%;
+        display: flex;
+        gap: 1em;
+    }
+
+    .mobile_fullw input {
+        flex: 1;
+    }
 }
diff --git a/ui/html/pages/index.tmpl.html b/ui/html/pages/index.tmpl.html
index 5c91ab4..f4ca31e 100644
--- a/ui/html/pages/index.tmpl.html
+++ b/ui/html/pages/index.tmpl.html
@@ -14,8 +14,8 @@
             <a href="/login" class="nav_tag right">Login</a>
         {{end}}
     </div>
-    <div class="flex_end right_nofloat">
-        <form action="/search" method="GET">
+    <div class="mobile_flexb flex_end right_nofloat">
+        <form action="/search" method="GET" class="mobile_fullw">
             <input type="search" id="search_bar" name="query" placeholder="Search posts..." aria-label="Search for posts">
             <button type="submit" id="search-button">Search</button>
         </form>
-- 
cgit v1.2.3