- {loop="$enabledPlugins"}
- <tr data-line="{$key}" data-order="{$counter}">
- <td class="center"><input type="checkbox" name="{$key}" id="{$key}" checked="checked"></td>
- <td class="center">
- {if="count($enabledPlugins)>1"}
- <a href="#" class="order"
- onclick="return orderUp(this.parentNode.parentNode.getAttribute('data-order'));">
- ▲
- </a>
- <a href="#" class="order"
- onclick="return orderDown(this.parentNode.parentNode.getAttribute('data-order'));">
- ▼
- </a>
- {/if}
- <input type="hidden" name="order_{$key}" value="{$counter}">
- </td>
- <td class="center"><label for="{$key}">{function="str_replace('_', ' ', $key)"}</label></td>
- <td><label for="{$key}">{$value.description}</label></td>
- </tr>
- {/loop}
+ {loop="$enabledPlugins"}
+ <tr data-line="{$key}" data-order="{$counter}" class="main-row">
+ <td class="center"><input type="checkbox" name="{$key}" id="{$key}" checked="checked"></td>
+ <td class="center">
+ <label for="{$key}"><strong>{function="str_replace('_', ' ', $key)"}</strong></label>
+ </td>
+ <td><div class="pure-u-0 pure-u-lg-visible"><label for="{$key}">{$value.description}</label></div></td>
+ <td class="center">
+ {if="count($enabledPlugins)>1"}
+ <a href="#" class="order"
+ onclick="return orderUp(this.parentNode.parentNode.getAttribute('data-order'));">
+ ▲
+ </a>
+ <a href="#" class="order"
+ onclick="return orderDown(this.parentNode.parentNode.getAttribute('data-order'));">
+ ▼
+ </a>
+ {/if}
+ <input type="hidden" name="order_{$key}" value="{$counter}">
+ </td>
+ </tr>
+ <tr class="pure-u-lg-0 mobile-row">
+ <td colspan="4"><label for="{$key}">{$value.description}</label></td>
+ </tr>
+ {/loop}