Fix the markup of the filter button

Fixes #6143

diff --git a/com.woltlab.wcf/templates/membersList.tpl b/com.woltlab.wcf/templates/membersList.tpl
index 1e99dea92f1c076b6a08378edd18900835eeed39..37c0c7c71962238ddd35b065f6a6fb7ca9540b19 100644 (file)
--- 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 28f541ee0a14e3a7e94145ee71138a5629d50c26..e099f1ba6cfec1d6f68ca8c7d9576d81357b4724 100644 (file)
--- 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;
        }