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)

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 31f14680544079d16a2ae8b6ce30cf888801b27a..36c8fca808600b1cc8650839531df9031352c203 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -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;
 }
 

diff --git a/mediagoblin/templates/mediagoblin/submit/start.html b/mediagoblin/templates/mediagoblin/submit/start.html
index 00577fa1f824257d2dcd75a381bb7f266441d8d4..f34bf2af9c5cde848546b8077969a9a5e3c12515 100644 (file)
--- a/mediagoblin/templates/mediagoblin/submit/start.html
+++ b/mediagoblin/templates/mediagoblin/submit/start.html
@@ -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>