<form>
    <table style="background-color:none; border:none; margin-left:10px; margin-right:10px; max-width:98%">
        <tr>
            <td style="width:30em">
                {{localize 'fate-core-official.fuAspectLabelFont'}}
            </td>
            <td style="width:10em">
                <select name="fu_label_font">
                    {{#each this.fonts}}
                    <option {{#if (eq this ../currentFont)}}selected="selected"{{/if}}>
                        {{this}}
                    </option>
                    {{/each}}
                </select>
            </td>
        </tr>
        <tr>
            <td>
                {{localize 'fate-core-official.fuAspectLabelSizeName'}}<br/>
                <div style="font-size:0.8em">{{localize 'fate-core-official.fuAspectLabelSizeHint'}}</div>
            </td>
            <td>
                <input type="number" name="fu_font_size" value="{{this.fontSize}}" style="width:5em"></input>
            </td>
        </tr>
        <tr>
            <td>
                {{localize 'fate-core-official.fuAspectLabelTextColour'}}<br/>
                <div style="font-size:0.8em">{{localize 'fate-core-official.fuAspectLabelTextColourHint'}}</div>
            </td>
            <td>
                {{colorPicker name="fu_text_color" value = this.textColour}}
            </td>
        </tr>
        <tr>
            <td>
                {{localize 'fate-core-official.fuAspectLabelFillColour'}}<br/>
                <div style="font-size:0.8em">{{localize 'fate-core-official.fuAspectLabelFillColourHint'}}</div>
            </td>
            <td>
                {{colorPicker name="fu_fill_color" value = this.fillColour}}
            </td>
        </tr>
        <tr>
            <td>
                {{localize 'fate-core-official.fuAspectFillAlpha'}}<br/>
                <div style="font-size:0.8em">{{localize 'fate-core-official.fuAspectFillAlphaLabel'}}</div>
            </td>
            <td>
                {{rangePicker name="fu_fill_alpha" value = this.fillAlpha max = "1" min = "0" step = "0.1"}}
            </td>
        </tr>
        <tr>
            <td>
                {{localize 'fate-core-official.fuAspectLabelBorderColour'}}<br/>
                <div style="font-size:0.8em">{{localize 'fate-core-official.fuAspectLabelBorderColourHint'}}</div>
            </td>
            <td>
                {{colorPicker name="fu_border_color" value = this.borderColour}}
            </td>
        </tr>
        <tr>
            <td>
                {{localize 'fate-core-official.fuAspectBorderAlpha'}}<br/>
                <div style="font-size:0.8em">{{localize 'fate-core-official.fuAspectBorderAlphaLabel'}}</div>
            </td>
            <td>
                {{rangePicker name="fu_border_alpha" value = this.borderAlpha max = "1" min = "0" step = "0.1"}}
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:center">
                <button type="button" id="save_fu_label_settings" style="width:5em">{{localize 'fate-core-official.Save'}}</button>
            </td>
        </tr>
    </table>
</form>
