<div class="col left">
    <div class="attribute elevation" data-tooltip="HUD.Elevation">
        <i class="fas fa-angle-up"></i>
        <input type="text" name="elevation" value="{{elevation}}" {{disabled (or locked (and isGamePaused (not isGM)))}}>
    </div>
    <button type="button" class="control-icon" data-action="sort" data-direction="up" data-tooltip="HUD.ToFront">
        <img src="{{icons.up}}">
    </button>
    <button type="button" class="control-icon" data-action="sort" data-direction="down" data-tooltip="HUD.ToBack">
        <img src="{{icons.down}}">
    </button>
</div>

<div class="col middle">
</div>

<div class="col right">
    <button type="button" class="control-icon {{visibilityClass}}" data-action="visibility" data-tooltip="HUD.ToggleVis">
        <img src="{{icons.visibility}}">
    </button>
    <button type="button" class="control-icon {{lockedClass}}" data-action="locked" data-tooltip="HUD.ToggleLock">
        <img src="{{icons.lock}}">
    </button>
</div>
