[Solved] PopupForm alignment messed up (css margins)

[Dan Miser]

Using the Site.css that comes with a vanilla MVC app, they have CSS that reads like this:
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

That appears to wreak havoc on the formatting and alignment of a popup form from a Telerik grid. I added the margin attributes below and things lined up again like they do in our demos. It might be nice to add that to your codebase so the conflict isn't apparent right out of the box.

    .t-edit-form-container .editor-label,
    .t-edit-form-container .editor-field
    {
        padding-bottom: 1em;
        float: left;
        margin: 0;
    }
    
    .t-edit-form-container .editor-label
    {
        width: 30%;
        text-align: right;
        padding-right: 3%;
        clear: left;
        margin: 0;
    }
    
    .t-edit-form-container .editor-field
    {
        width: 60%;
        margin: 0;
    }