Refactor filter bar implementation for consistency and improved usability across case and question views

atlas/templates/atlas/case_view.html

@@ -10,18 +10,7 @@
         <h2>Cases</h2>
         Quick filters:<br/>
         Show <a href='{% url "atlas:case_view" %}?author={{request.user.id}}'>my cases only</a>, <a href='{% url "atlas:case_view" %}'>all cases</a>
-        <details>
-            <summary>
-                <h4>Filter</h4>
-            </summary>
-            <div id="view-filter-options">
-                <form action="" method="get">
-                    {{ filter.form }}
-                    <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
-                </form>
-            </div>
-            View my <a href='{% url "atlas:case_view" %}?author={{request.user.id}}'>cases</a>.
-        </details>
+        View my <a href='{% url "atlas:case_view" %}?author={{request.user.id}}'>cases</a>.
         <form>
             <details id="actions-detail" class="mt-3">
                 <summary>
@@ -81,6 +70,7 @@
         </form>
 
         {% include "generic/partials/page_size_form.html" %}
+        {% include "generic/partials/filter_bar.html" with filter=filter app_name=app_name collapse_id="bottom-filter-body" %}
 
         <div id="exam-options"></div>
 {% endblock %}