fix gap between component header and filter body (#12503)

Author: jostaub

dojo/templates/dojo/components.html

@@ -16,9 +16,9 @@ <h3 class="has-filters">
                     </div>
                 </h3>
             </div>
-        </div>
-        <div id="the-filters" class="is-filters panel-body collapse {% if filter.form.has_changed %}in{% endif %}">
-            {% include "dojo/filter_snippet.html" with form=filter.form %}
+            <div id="the-filters" class="is-filters panel-body collapse {% if filter.form.has_changed %}in{% endif %}">
+                {% include "dojo/filter_snippet.html" with form=filter.form %}
+            </div>
         </div>
         <div class="clearfix">
             {% include "dojo/paging_snippet.html" with page=result page_size=True %}

dojo/templates/dojo/product_components.html

@@ -14,9 +14,9 @@ <h3 class="has-filters">
                         </div>
                     </h3>
             </div>
-        </div>
-        <div id="the-filters" class="is-filters panel-body collapse {% if filter.form.has_changed %}in{% endif %}">
-            {% include "dojo/filter_snippet.html" with form=filter.form %}
+            <div id="the-filters" class="is-filters panel-body collapse {% if filter.form.has_changed %}in{% endif %}">
+                {% include "dojo/filter_snippet.html" with form=filter.form %}
+            </div>
         </div>
         <div class="clearfix">
             {% include "dojo/paging_snippet.html" with page=result page_size=True %}