diff --git a/www/conservancy/static/css/forms.css b/www/conservancy/static/css/forms.css index 2e68c59ec2296b8657f7d91915101be40c3b0ddc..6eb549d61c46d63b14eb01bb4e5bce3c229939b8 100644 --- a/www/conservancy/static/css/forms.css +++ b/www/conservancy/static/css/forms.css @@ -2,42 +2,40 @@ font-weight: bold; } -.supporter-form label { - display: inline-block; - width: 200px; - text-align: right; - font-weight: bold; +.supporter-form-input { + margin-bottom: .5em; + white-space: nowrap; } -.dinner-form label { + +.supporter-form-input label { display: inline-block; - width: 200px; - text-align: right; -} -.supporter-form-inputs { - float: left; + font-weight: bold; + white-space: normal; } -.dinner-form-inputs { - float: left; + +.supporter-form-input input[name=amount], +.supporter-form-input input[name=a3] { + width: 5em; } -.supporter-form-submit { - padding-left: 20em; - padding-top: 40px; - font-size: small; + +.supporter-form-input input[type=radio] { + margin-left: 1em; + margin-right: .2em; } -.dinner-form-submit { - padding-left: 20em; - padding-top: 40px; - float: center; + +.supporter-form-input input[type=radio]:first-of-type { + margin-left: 0; } -.dinner-form div { - margin-top: 1em; +.supporter-form-submit { + text-align: center; } .form-error { color: red; margin-left: 10px; font-size: 75%; + white-space: normal; } input.invalid, textarea.invalid { @@ -49,22 +47,15 @@ input.valid, textarea.valid { } .supporter-type-selector { + clear: both; font-size: 125%; text-align: center; - width: 80%; - align: left; -} - -.supporter-type-selection { - clear: both; - padding-bottom: 60px; - width: 80%; - align: left; } h1.appeal { margin-top: -.75em; } + img.appeal-left { float: left; padding-right: 1em;