Merge pull request #1886 from bookwyrm-social/filter-panels-display

Fixes form element display inside details panel

bookwyrm/templates/book/editions/format_filter.html

@@ -2,6 +2,7 @@
 {% load i18n %}
 
 {% block filter %}
+<div class="control">
     <label class="label is-block" for="id_format">{% trans "Format:" %}</label>
     <div class="select">
         <select id="id_format" name="format">
@@ -13,4 +14,5 @@
             {% endif %}{% endfor %}
         </select>
     </div>
+</div>
 {% endblock %}

bookwyrm/templates/book/editions/language_filter.html

@@ -2,6 +2,7 @@
 {% load i18n %}
 
 {% block filter %}
+<div class="control">
     <label class="label is-block" for="id_language">{% trans "Language:" %}</label>
     <div class="select">
         <select id="id_language" name="language">
@@ -13,4 +14,5 @@
             {% endfor %}
         </select>
     </div>
+</div>
 {% endblock %}

bookwyrm/templates/book/editions/search_filter.html

@@ -2,7 +2,9 @@
 {% load i18n %}
 
 {% block filter %}
+<div class="control">
     <label class="label" for="id_search">{% trans "Search editions" %}</label>
     <input type="text" class="input" name="q" value="{{ request.GET.q|default:'' }}" id="id_search">
+</div>
 {% endblock %}
 

bookwyrm/templates/snippets/filters_panel/filters_panel.html

@@ -38,9 +38,11 @@
                 {% block filter_fields %}
                 {% endblock %}
             </div>
-            <button type="submit" class="button is-primary is-small">
+            <div class="control">
+            <button type="submit" class="button is-primary">
             {% trans "Apply filters" %}
             </button>
+            </div>
         </form>
     </div>
 </details>