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; font-size:28px;
} }
.form_field_input input { .form_field_input input, .form_field_input textarea {
width:300px; width:460px;
font-size:18px; font-size:18px;
} }

View File

@ -25,7 +25,9 @@
method="POST" enctype="multipart/form-data"> method="POST" enctype="multipart/form-data">
<div class="grid_6 prefix_1 suffix_1 form_box"> <div class="grid_6 prefix_1 suffix_1 form_box">
<h1>Submit yer media</h1> <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"> <div class="form_submit_buttons">
<input type="submit" value="Submit" class="button" /> <input type="submit" value="Submit" class="button" />
</div> </div>