Wrap select filters in dedicated container

contao/templates/frontend/event_filter.html.twig

@@ -1,28 +1,32 @@
 <div id="eventfilters" data-eventlist-id="{{ targetEventListId|default('eventlist')|e('html_attr') }}">
-    <button type="button" data-filter-tag="all" class="active" aria-pressed="true">Alle</button>
+    <div class="tag-buttons">
+        <button type="button" data-filter-tag="all" class="active" aria-pressed="true">Alle</button>
 
-    {% for tag in tagButtons|default([]) %}
-        <button type="button" data-filter-tag="{{ tag.id }}" aria-pressed="false">{{ tag.title }} ({{ tag.count }})</button>
-    {% endfor %}
-
-    <div class="widget-select places">
-        <label for="location-filter" class="visually-hidden">Orte:</label>
-        <select id="location-filter">
-            <option value="all">Orte</option>
-            {% for location in locations|default([]) %}
-                <option value="location-{{ location.id }}">{{ location.title }} ({{ location.count }})</option>
-            {% endfor %}
-        </select>
+        {% for tag in tagButtons|default([]) %}
+            <button type="button" data-filter-tag="{{ tag.id }}" aria-pressed="false">{{ tag.title }} ({{ tag.count }})</button>
+        {% endfor %}
     </div>
 
-    <div class="widget-select org">
-        <label for="org-filter" class="visually-hidden">Veranstalter:</label>
-        <select id="org-filter">
-            <option value="all">Veranstalter</option>
-            {% for organization in organizations|default([]) %}
-                <option value="org-{{ organization.id }}">{{ organization.title }} ({{ organization.count }})</option>
-            {% endfor %}
-        </select>
+    <div class="select-filters">
+        <div class="widget-select places">
+            <label for="location-filter" class="visually-hidden">Orte:</label>
+            <select id="location-filter">
+                <option value="all">Orte</option>
+                {% for location in locations|default([]) %}
+                    <option value="location-{{ location.id }}">{{ location.title }} ({{ location.count }})</option>
+                {% endfor %}
+            </select>
+        </div>
+
+        <div class="widget-select org">
+            <label for="org-filter" class="visually-hidden">Veranstalter:</label>
+            <select id="org-filter">
+                <option value="all">Veranstalter</option>
+                {% for organization in organizations|default([]) %}
+                    <option value="org-{{ organization.id }}">{{ organization.title }} ({{ organization.count }})</option>
+                {% endfor %}
+            </select>
+        </div>
     </div>
 
     <p id="eventfilter-status" class="visually-hidden" aria-live="polite"></p>