/* originally copy/pasted from cdosblog's forms.css */
form > div {
    display:flex;
    flex-wrap:wrap;
    padding:5px;
    justify-content:flex-end;
}

form label
{
    flex:1 0 25%;
    font-family:monospace;
    margin-bottom:10px;
}

form > div input, form > div select, form > div textarea, form > div > .custom-widget
{
    flex:0 0 75%;
    margin-bottom:10px;
}

form > div > .custom-widget
{
    background:red;
}

form .helptext
{
    max-width:25%;
    font-size:smaller;
    display:block;
}

@media (max-width:640px) {
    form {font-size:10pt;}
    form label { flex: 1 0 100%; }
    form .helptext { max-width:100%; }
}

form textarea[name=css] { height:25px; }
form textarea[name=css]:focus { height:150px; }