diff options
| -rw-r--r-- | static/app.css | 15 | ||||
| -rw-r--r-- | 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> |