Widget:DragonListFilter

.character-filters { display:inline-flex; flex-wrap:wrap; justify-content:center; } .character-filters .mw-ui-button-group { flex-wrap:wrap; margin:3px 1px; } .character-filters label { padding:5px 10px; } .character-filters .text-label label { padding:10px; } .character-filters img { height: 20px; pointer-events: none; } .filter-group-ability-icon img { height: 28px; }    Permanent  Limited  Gala  Story  Event Welfare  Treasure Trade  Collab          <label class="mw-ui-button" title="Water" data-key="element" data-value="water"> <img src="/media/8/80/Icon_Element_Water.png"> <label class="mw-ui-button" title="Wind" data-key="element" data-value="wind"> <img src="/media/6/62/Icon_Element_Wind.png"> <label class="mw-ui-button" title="Light" data-key="element" data-value="light"> <img src="/media/1/19/Icon_Element_Light.png"> <label class="mw-ui-button" title="Shadow" data-key="element" data-value="shadow"> <img src="/media/0/0d/Icon_Element_Shadow.png"> <label class="mw-ui-button" data-key="ability-filter" data-value="">