Widget:CoAbilityListFilter

.character-filters { text-align:center; } .character-filters .mw-ui-button-group { flex-wrap:wrap; justify-content:center; margin:3px 1px; } .character-filters img { height: 20px; pointer-events: none; } .coability-filters img { height: 30px; pointer-events: none; }                   <label class="mw-ui-button" title="Sword" data-key="weapon" data-value="sword"> <img src="/media/f/fa/Icon_Weapon_Sword.png"> <label class="mw-ui-button" title="Blade" data-key="weapon" data-value="blade"> <img src="/media/6/60/Icon_Weapon_Blade.png"> <label class="mw-ui-button" title="Dagger" data-key="weapon" data-value="dagger"> <img src="/media/c/cc/Icon_Weapon_Dagger.png"> <label class="mw-ui-button" title="Axe" data-key="weapon" data-value="axe"> <img src="/media/7/70/Icon_Weapon_Axe.png"> <label class="mw-ui-button" title="Lance" data-key="weapon" data-value="lance"> <img src="/media/3/3d/Icon_Weapon_Lance.png"> <label class="mw-ui-button" title="Bow" data-key="weapon" data-value="bow"> <img src="/media/d/d3/Icon_Weapon_Bow.png"> <label class="mw-ui-button" title="Wand" data-key="weapon" data-value="wand"> <img src="/media/c/ce/Icon_Weapon_Wand.png"> <label class="mw-ui-button" title="Staff" data-key="weapon" data-value="staff"> <img src="/media/9/92/Icon_Weapon_Staff.png"> <label class="mw-ui-button" title="Manacaster" data-key="weapon" data-value="manacaster"> <img src="/media/1/1c/Icon_Weapon_Manacaster.png"> <p style="font-size:1.4">Co-abilities <label class="mw-ui-button" data-key="coab" data-value=""> <p style="font-size:1.4">Chain Co-abilities <label class="mw-ui-button" data-key="chaincoab" data-value="">