edit_profile.html: Consistency in the width of input fields

The width of all the input fields in user profile edit
form (also forms which wtforms render div function) is 100%

Fixes #996

Signed-off-by: Andrew Browning <ayleph@thisshitistemp.com>

diff --git a/mediagoblin/static/js/show_password.js b/mediagoblin/static/js/show_password.js
index b3fbc86224acbb895b038f82bb3bd52046e48254..12935124cd448cf36d24bcba2b164ca5f3277c65 100644 (file)
--- a/mediagoblin/static/js/show_password.js
+++ b/mediagoblin/static/js/show_password.js
@@ -18,7 +18,7 @@
 
 $(document).ready(function(){
   //Create a duplicate password field. We could change the input type dynamically, but this angers the IE gods (not just IE6).
-  $("#password").after('<input type="text" value="" name="password_clear" id="password_clear" /><label><input type="checkbox" id="password_boolean" />Show password</label>');
+  $("#password").after('<input type="text" value="" name="password_clear" id="password_clear" style="width:100%" /><label><br/><input type="checkbox" id="password_boolean" />Show password</label>');
   $('#password_clear').hide();
   $('#password_boolean').click(function(){
     if($('#password_boolean').prop("checked")) {

diff --git a/mediagoblin/templates/mediagoblin/utils/wtforms.html b/mediagoblin/templates/mediagoblin/utils/wtforms.html
index 7e16708ca1ca7d401f7da5a9e545e6e16120d25b..e2921258e76c25e78eeefc0827b068991a9da36a 100644 (file)
--- a/mediagoblin/templates/mediagoblin/utils/wtforms.html
+++ b/mediagoblin/templates/mediagoblin/utils/wtforms.html
@@ -40,9 +40,9 @@
     {{- render_label_p(field) }}
     <div class="form_field_input">
       {% if autofocus_first %}
-        {{ field(autofocus=True) }}
+        {{ field(autofocus=True, style="width:100%;") }}
       {% else %}
-        {{ field }}
+        {{ field(style="width:100%;") }}
       {% endif %}
       {%- if field.errors -%}
         {% for error in field.errors %}