From 8945e70e4252fde260bbc48597dc19c11ffa4fdc Mon Sep 17 00:00:00 2001
From: Joel Bradshaw <cincodenada@gmail.com>
Date: Fri, 20 Nov 2020 21:19:26 -0800
Subject: [PATCH 1/2] Fix navbar on mobile, make search an addon

In reading up on Bulma I found the has-addons option which is a nice
touch, I think
---
 bookwyrm/templates/layout.html | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/bookwyrm/templates/layout.html b/bookwyrm/templates/layout.html
index 930ca943c..4a8f5d54a 100644
--- a/bookwyrm/templates/layout.html
+++ b/bookwyrm/templates/layout.html
@@ -25,14 +25,18 @@
         <a class="navbar-item" href="/">
             <img class="image logo" src="/static/images/logo-small.png" alt="Home page">
         </a>
-        <form class="navbar-item" action="/search/">
-            <div class="field is-grouped">
-                <input aria-label="Search for a book or user" id="search-input" class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}">
-                <button class="button" type="submit">
-                    <span class="icon icon-search">
-                        <span class="is-sr-only">search</span>
-                    </span>
-                </button>
+        <form class="navbar-item column is-third-mobile" action="/search/">
+            <div class="field has-addons">
+                <div class="control">
+                    <input aria-label="Search for a book or user" id="search-input" class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}">
+                </div>
+                <div class="control">
+                    <button class="button" type="submit">
+                        <span class="icon icon-search">
+                            <span class="is-sr-only">search</span>
+                        </span>
+                    </button>
+                </div>
             </div>
         </form>
 

From df2dc5a8a1bc30eb814a135c8cb7511e60268475 Mon Sep 17 00:00:00 2001
From: Joel Bradshaw <cincodenada@gmail.com>
Date: Fri, 20 Nov 2020 21:27:50 -0800
Subject: [PATCH 2/2] Remove placebo class

is-third-mobile was the wrong class, it turns out just column is what
was making it work like I wanted it to
---
 bookwyrm/templates/layout.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bookwyrm/templates/layout.html b/bookwyrm/templates/layout.html
index 4a8f5d54a..4ae70a4bf 100644
--- a/bookwyrm/templates/layout.html
+++ b/bookwyrm/templates/layout.html
@@ -25,7 +25,7 @@
         <a class="navbar-item" href="/">
             <img class="image logo" src="/static/images/logo-small.png" alt="Home page">
         </a>
-        <form class="navbar-item column is-third-mobile" action="/search/">
+        <form class="navbar-item column" action="/search/">
             <div class="field has-addons">
                 <div class="control">
                     <input aria-label="Search for a book or user" id="search-input" class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}">