Widget:SharedSkillsFilter

.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; } .skill-filters { display: inline-block; } .skill-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"> <p style="margin:0">Skill Type <label class="mw-ui-button" data-key="skill" data-value="1"> Attack <label class="mw-ui-button" data-key="skill" data-value="2"> Defense <label class="mw-ui-button" data-key="skill" data-value="3"> Recovery <label class="mw-ui-button" data-key="skill" data-value="4"> Support <label class="mw-ui-button" data-key="skill" data-value="5"> Other <p style="margin:0">Cost <label class="mw-ui-button" data-key="cost" data-value=""> <p style="margin:0">Skill Icon <label class="mw-ui-button" data-key="sharedskill" data-value="">