# 61 Filter frontend

* finished filter frontend

templates/generic_index.html

@@ -83,12 +83,17 @@
                         <div id="filter" class="collapse" aria-labelledby="filterHeader">
                             <div class="card-body">
                                 <div class="row">
-                                    {{table.filter.query_filter.form.as_p}}
+                                    {% with table.filter.query_filter.form as form %}
+                                        {% include 'filter/query_filter.html' %}
+                                    {% endwith %}
                                 </div>
-                                <div class="row">
-                                    {{table.filter.checkbox_filter.form.as_p}}
+                                <div class="row mt-3">
+                                    {% with table.filter.checkbox_filter.form as form %}
+                                        {% include 'filter/checkbox_filter.html' %}
+                                    {% endwith %}
                                 </div>
-                                <div class="row">
+                                <hr>
+                                <div class="row mt-3">
                                     <button class="btn btn-default" title="{% trans 'Filter' %}">
                                         {% fa5_icon 'filter' %}
                                         {% trans 'Apply filter' %}