Adjust the width of the fields on the form submission

Did several things, including:

 - Call the individual form field rendering macros instead of the auto
   whole-form renderer so we get better control over the TextArea
 - Use the textarea specific form field rendering macro
 - Adds textarea styling to the css
 - Sets the input, textarea styling to be 460 px wide (the width of
   the form section, not including padding)
This commit is contained in:
Christopher Allan Webber 2011-06-24 23:49:37 -05:00
parent 528f9acd23
commit 353f927e9f
2 changed files with 5 additions and 3 deletions

View File

@ -146,8 +146,8 @@ a.mediagoblin_logo:hover {
font-size:28px;
}
.form_field_input input {
width:300px;
.form_field_input input, .form_field_input textarea {
width:460px;
font-size:18px;
}

View File

@ -25,7 +25,9 @@
method="POST" enctype="multipart/form-data">
<div class="grid_6 prefix_1 suffix_1 form_box">
<h1>Submit yer media</h1>
{{ wtforms_util.render_divs(submit_form) }}
{{ wtforms_util.render_field_div(submit_form.title) }}
{{ wtforms_util.render_textarea_div(submit_form.description) }}
{{ wtforms_util.render_field_div(submit_form.file) }}
<div class="form_submit_buttons">
<input type="submit" value="Submit" class="button" />
</div>