refactor(member-events): group editor actions in dedicated wrapper

contao/templates/frontend/event_filter.html.twig

@@ -74,6 +74,10 @@
         outline-offset: 3px;
     }
 
+    #eventfilters .widget-select.active::before {
+        display: none;
+    }
+
     #eventfilters select:focus-visible {
         outline: 3px solid currentColor;
         outline-offset: 3px;
@@ -86,8 +90,9 @@
     #eventfilters .eventfilter-clear {
         position: absolute;
         top: 50%;
-        right: .5rem;
+        right: 0;
         transform: translateY(-50%);
+        margin: 0;
         display: inline-flex;
         align-items: center;
         justify-content: center;
@@ -95,7 +100,7 @@
         background: transparent;
         color: inherit;
         cursor: pointer;
-        padding: .125rem;
+        padding: 1em;
         line-height: 1;
     }
 

contao/templates/frontend/member_events.html.twig

@@ -16,6 +16,7 @@
           </span>
 
           {% if isEditor %}
+            <div class="member-events-actions">
               <form method="post" style="display:inline;" aria-label="Sichtbarkeit für {{ item.title }} ändern">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="toggle_published">
@@ -40,6 +41,7 @@
                 <input type="hidden" name="event_id" value="{{ item.id }}">
                 <button type="submit" aria-label="{{ item.title }} löschen">Löschen</button>
               </form>
+            </div>
           {% endif %}
         </li>
       {% endfor %}
@@ -69,6 +71,7 @@
           </span>
 
           {% if isEditor %}
+            <div class="member-events-actions">
               <form method="post" style="display:inline;" aria-label="Sichtbarkeit für {{ item.title }} ändern">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="toggle_published">
@@ -93,6 +96,7 @@
                 <input type="hidden" name="event_id" value="{{ item.id }}">
                 <button type="submit" aria-label="{{ item.title }} löschen">Löschen</button>
               </form>
+            </div>
           {% endif %}
         </li>
       {% endfor %}