web-apps/apps/spreadsheeteditor/main/app/template/ProtectRangesDlg.template

<div class="settings-panel active">
    <div class="inner-content">
        <table cols="2" style="width: 100%;" role="presentation">
            <tr>
                <td colspan=2 class="padding-small">
                    <label><%= scope.textRangesDesc %></label>
                </td>
            </tr>
            <tr>
                <td class="padding-small">
                    <button type="button" class="btn btn-text-default auto margin-right-5" id="protect-ranges-btn-new" style="min-width: 80px;"><%= scope.textNew %></button>
                    <button type="button" class="btn btn-text-default auto" id="protect-ranges-btn-edit" style="min-width: 80px;"><%= scope.textEdit %></button>
                </td>
                <td class="padding-small text-align-right" style="width:90px;">
                    <button type="button" class="btn btn-text-default auto" id="protect-ranges-btn-delete" style="min-width: 80px;"><%= scope.textDelete %></button>
                </td>
            </tr>            
            <tr>
                <td colspan=2>
                    <div id="protect-ranges-list" class="range-tableview" style="width:100%; height: 164px;"></div>
                </td>
            </tr>
        </table>
    </div>
</div>