{/if}
{else}
<span class="inputSuffix dropdown" id="{@$element->getSuffixField()->getPrefixedId()}_dropdown">
- <span class="dropdownToggle">{@$element->getSelectedSuffixOption()[label]} <span class="icon icon16 fa-caret-down pointer"></span></span>
+ <span class="dropdownToggle">{@$element->getSelectedSuffixOption()[label]} {icon size=16 name='caret-down' type='solid'}</span>
<ul class="dropdownMenu">
{foreach from=$element->getSuffixField()->getNestedOptions() item=__fieldNestedOption}
*}>
{foreach from=$values item=value}
<li data-value="{$value}">
- <span class="icon icon16 fa-times jsDeleteItem jsTooltip pointer" title="{lang}wcf.global.button.delete{/lang}"></span>
+ <button type="button" class="jsDeleteItem jsTooltip" title="{lang}wcf.global.button.delete{/lang}">
+ {icon size=16 name='xmark'}
+ </button>
<span>{$value}</span>
</li>
{/foreach}
<div class="inputAddon mediaManagerSearch">
<input type="text" class="mediaManagerSearchField" placeholder="{lang}wcf.media.search.placeholder{/lang}">
<span class="inputSuffix">
- <span class="icon icon16 fa-times mediaManagerSearchCancelButton pointer jsTooltip" title="{lang}wcf.media.search.cancel{/lang}"></span>
+ <button class="mediaManagerSearchCancelButton jsTooltip" title="{lang}wcf.media.search.cancel{/lang}">
+ {icon size=16 name='xmark'}
+ </button>
</span>
</div>