<div id="dice-tower-controls">
    <div>
        <select id="dice-tower-actor" data-tooltip="DICETOWER.rollFor"></select>
        <a id="dice-tower-sheet" role="button" style="align-content: center; position: absolute; right: 52px; top: 4px;">
            <i class="fas fa-address-book" data-tooltip="DICETOWER.openSheet"></i>
        </a>
        <a id="dice-tower-customize" role="button" style="align-content: center; position: absolute; right: 30px; top: 4px;">
            <i class="fas fa-palette" data-tooltip="DICETOWER.customizeTooltip"></i>
        </a>
        <a id="dice-tower-urls" role="button" style="align-content: center; position: absolute; right: 6px; top: 4px;">
            <i class="fas fa-link" data-tooltip="DICETOWER.overlaysTitle"></i>
        </a>
    </div>
    <div class="flexrow" style="justify-self: center">
        <label>{{localize 'DICETOWER.roll'}}</label>
        <button id="dice-tower-remove-dice" data-tooltip="DICETOWER.removeDice">-</button>
        <label id="dice-tower-amount">1</label>
        <button id="dice-tower-add-dice" data-tooltip="DICETOWER.addDice">+</button>


    </div>
    <div class="flexrow">
        <button id="dice-tower-roll-d4" data-tooltip="DICETOWER.rollD4">{{localize 'DICETOWER.d4'}}</button>
        <button id="dice-tower-roll-d6" data-tooltip="DICETOWER.rollD6">{{localize 'DICETOWER.d6'}}</button>
        <button id="dice-tower-roll-d8" data-tooltip="DICETOWER.rollD8">{{localize 'DICETOWER.d8'}}</button>
        <button id="dice-tower-roll-d10" data-tooltip="DICETOWER.rollD10">{{localize 'DICETOWER.d10'}}</button>
        <button id="dice-tower-roll-d12" data-tooltip="DICETOWER.rollD12">{{localize 'DICETOWER.d12'}}</button>
        <button id="dice-tower-roll-d20" data-tooltip="DICETOWER.rollD20">{{localize 'DICETOWER.d20'}}</button>
        <button id="dice-tower-roll-d100" data-tooltip="DICETOWER.rollD100">{{localize 'DICETOWER.d100'}}</button>
    </div>
</div>`
