web-apps/apps/documenteditor/main/app/template/ParagraphSettings.template

<table cols="2" role="presentation">
    <tr>
        <td colspan=2>
            <label class="header"><%= scope.strLineHeight %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-small" width="50%">
            <div id="paragraph-combo-line-rule" style="width: 85px;"></div>
        </td>
        <td class="padding-small" width="50%">
            <div id="paragraph-spin-line-height"></div>
        </td>
    </tr>
    <tr>
        <td colspan=2>
            <label class="header"><%= scope.strParagraphSpacing %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-small" width="50%">
            <label class="input-label"><%= scope.strSpacingBefore %></label>
            <div id="paragraph-spin-spacing-before"></div>
        </td>
        <td class="padding-small" width="50%">
            <label class="input-label"><%= scope.strSpacingAfter %></label>
            <div id="paragraph-spin-spacing-after"></div>
        </td>
    </tr>
    <tr class="text-only">
        <td class="padding-small" colspan=2>
            <div id="paragraph-checkbox-add-interval"></div>
        </td>
    </tr>
    <tr>
        <td class="padding-small" colspan=2>
            <div class="separator horizontal"></div>
        </td>
    </tr>
    <tr>
        <td colspan=2>
            <label class="header"><%= scope.strIndent %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-small" width="50%">
            <label id="paragraph-lbl-indent-left" class="input-label"><%= scope.strIndentsLeftText %></label>
            <div id="paragraph-spin-indent-left"></div>
        </td>
        <td class="padding-small" width="50%">
            <label id="paragraph-lbl-indent-right" class="input-label"><%= scope.strIndentsRightText %></label>
            <div id="paragraph-spin-indent-right"></div>
        </td>
    </tr>
    <tr>
        <td colspan=2>
            <label class="input-label"><%= scope.strIndentsSpecial %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-small" width="50%">
            <div id="paragraph-combo-special" style="width: 85px;"></div>
        </td>
        <td class="padding-small" width="50%">
            <div id="paragraph-spin-special-by"></div>
        </td>
    </tr>
    <tr class="text-only">
        <td class="padding-small" colspan=2>
            <div class="separator horizontal"></div>
        </td>
    </tr>
    <tr class="text-only">
        <td class="padding-small" colspan=2>
            <div class="color-btn-wrap">
                <div id="paragraph-color-btn" style="display: inline-block;"></div>
                <label class="input-label margin"><%= scope.textBackColor %></label>
            </div>
        </td>
    </tr>
    <tr>
        <td class="padding-small" colspan=2>
            <div class="separator horizontal"></div>
        </td>
    </tr>
    <tr>
        <td align="center" colspan=2>
            <label class="link canfocused" id="paragraph-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
        </td>
    </tr>
    <tr class="finish-cell"></tr>
</table>