From bef9399f2e94fba67a01f90e0817fd9ab47f9167 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 30 Dec 2024 13:46:49 +0100
Subject: [PATCH] Fix the markup of the filter button

Fixes #6143
---
 com.woltlab.wcf/templates/membersList.tpl              | 4 ++--
 wcfsetup/install/files/style/layout/containerList.scss | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/com.woltlab.wcf/templates/membersList.tpl b/com.woltlab.wcf/templates/membersList.tpl
index 1e99dea92f..37c0c7c719 100644
--- a/com.woltlab.wcf/templates/membersList.tpl
+++ b/com.woltlab.wcf/templates/membersList.tpl
@@ -59,7 +59,7 @@
 						{icon name='arrow-down-wide-short'}
 					{/if}
 				</a>
-				<span class="dropdown">
+				<div class="dropdown">
 					<span class="dropdownToggle">{lang}wcf.user.sortField.{$sortField}{/lang}</span>
 					
 					<ul class="dropdownMenu">
@@ -67,7 +67,7 @@
 							<li{if $_sortField === $sortField} class="active"{/if}><a rel="nofollow" href="{link controller='MembersList' id=$searchID}pageNo={@$pageNo}&sortField={$_sortField}&sortOrder={if $sortField === $_sortField}{if $sortOrder === 'DESC'}ASC{else}DESC{/if}{else}{$sortOrder}{/if}{if $letter}&letter={$letter}{/if}{/link}">{lang}wcf.user.sortField.{$_sortField}{/lang}</a></li>
 						{/foreach}
 					</ul>
-				</span>
+				</div>
 			</div>
 			
 			{hascontent}
diff --git a/wcfsetup/install/files/style/layout/containerList.scss b/wcfsetup/install/files/style/layout/containerList.scss
index 28f541ee0a..e099f1ba6c 100644
--- a/wcfsetup/install/files/style/layout/containerList.scss
+++ b/wcfsetup/install/files/style/layout/containerList.scss
@@ -330,6 +330,7 @@
 	flex: 1 auto;
 
 	> .dropdown {
+		display: inline-flex;
 		margin-left: 10px;
 	}
 
-- 
2.20.1