From 86b3789ffeed4e2fdf8df181ba3ea6665a13cf52 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Thu, 6 Jan 2022 11:11:00 -0800
Subject: [PATCH] Fixes display of filter inputs in chromium

---
 bookwyrm/templates/directory/sort_filter.html        | 12 +++++++-----
 bookwyrm/templates/settings/users/server_filter.html |  4 +++-
 .../templates/settings/users/username_filter.html    |  5 +++--
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/bookwyrm/templates/directory/sort_filter.html b/bookwyrm/templates/directory/sort_filter.html
index c7c19f6fe..344366016 100644
--- a/bookwyrm/templates/directory/sort_filter.html
+++ b/bookwyrm/templates/directory/sort_filter.html
@@ -3,10 +3,12 @@
 
 {% block filter %}
 <label class="label" for="id_sort">{% trans "Order by" %}</label>
-<div class="select">
-    <select name="sort" id="id_sort">
-        <option value="recent" {% if request.GET.sort == "recent" %}selected{% endif %}>{% trans "Recently active" %}</option>
-        <option value="suggested" {% if request.GET.sort == "suggested" %}selected{% endif %}>{% trans "Suggested" %}</option>
-    </select>
+<div class="control">
+    <div class="select">
+        <select name="sort" id="id_sort">
+            <option value="recent" {% if request.GET.sort == "recent" %}selected{% endif %}>{% trans "Recently active" %}</option>
+            <option value="suggested" {% if request.GET.sort == "suggested" %}selected{% endif %}>{% trans "Suggested" %}</option>
+        </select>
+    </div>
 </div>
 {% endblock %}
diff --git a/bookwyrm/templates/settings/users/server_filter.html b/bookwyrm/templates/settings/users/server_filter.html
index 2a4b89fdb..5879f7488 100644
--- a/bookwyrm/templates/settings/users/server_filter.html
+++ b/bookwyrm/templates/settings/users/server_filter.html
@@ -3,5 +3,7 @@
 
 {% block filter %}
 <label class="label" for="id_server">{% trans "Instance name" %}</label>
-<input type="text" class="input" name="server" value="{{ request.GET.server|default:'' }}" id="id_server" placeholder="example.server.com">
+<div class="control">
+    <input type="text" class="input" name="server" value="{{ request.GET.server|default:'' }}" id="id_server" placeholder="example.server.com">
+</div>
 {% endblock %}
diff --git a/bookwyrm/templates/settings/users/username_filter.html b/bookwyrm/templates/settings/users/username_filter.html
index d7da033a9..343e61c8f 100644
--- a/bookwyrm/templates/settings/users/username_filter.html
+++ b/bookwyrm/templates/settings/users/username_filter.html
@@ -3,6 +3,7 @@
 
 {% block filter %}
 <label class="label" for="id_username">{% trans "Username" %}</label>
-<input type="text" class="input" name="username" value="{{ request.GET.username|default:'' }}" id="id_username" placeholder="user@domain.com">
+<div class="control">
+    <input type="text" class="input" name="username" value="{{ request.GET.username|default:'' }}" id="id_username" placeholder="user@domain.com">
+</div>
 {% endblock %}
-