rhodecode/templates/admin/security/edit_allowed_vcs_client_versions.mako

<style>
    .form-group {
        margin-bottom: 15px;
    }

    .form-group label {
        display: flex;
        align-items: left;
        font-weight: bold;
    }

    .form-control {
        width: 60%;
        padding: 10px;
        font-size: 1rem;
        line-height: 1.5;
        border: 1px solid #ced4da;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .btn-primary {
        background-color: #007bff;
        border: none;
        padding: 10px 20px;
        color: white;
        font-size: 1rem;
        border-radius: 4px;
        cursor: pointer;
    }

    .btn-primary:hover {
        background-color: #0056b3;
    }
    .form-group .help_block {
        display: block;
        width: 100%;
        margin-top: 10px;
        text-align: left;
        font-size: 0.875rem;
    }
</style>

<div>
    <div class="form-group">
        ${h.secure_form(h.route_path('check_2fa'), request=request, id='allowed_clients_form')}
            <p><label for="git">${_('git')}:</label>
            ${h.text('git', class_="form-control", value=initial_git)}</p>
            <p><label for="hg">${_('hg')}:</label>
            ${h.text('hg', class_="form-control", value=initial_hg)}</p>
            <p><label for="svn">${_('svn')}:</label>
            ${h.text('svn', class_="form-control", value=initial_svn)}</p>
            %for k, v in errors.items():
                <span class="error-message">${k}: ${v}</span>
                <br />
            %endfor
            <p class="help_block">${_('Set rules for allowed git, hg or svn client versions. You can set exact version (for example 2.0.9) or use comparison operators to set earliest or latest version (>=2.6.0)')}</p>

            ${h.submit('send', _('Save'), class_="btn btn-primary")}
        ${h.end_form()}
    </div>
</div>