Login form cleanup

coin/members/templates/members/registration/login.html

@@ -7,7 +7,7 @@
     <div class="medium-7 columns">
         <h2>Connexion</h2>
 
-        <form method="post" action="{% url 'members:django.contrib.auth.views.login' %}">
+        <form id="login-form" method="post" action="{% url 'members:django.contrib.auth.views.login' %}">
             {% csrf_token %}
             {% if form.errors %}
         	<div class="alert-box alert">
@@ -16,30 +16,30 @@
                 {% endif %}<br/>
                 {% for error in form.non_field_errors %}{{ error|escape }}{% endfor %}
             </div>
-        	{% endif %}
+            {% endif %}
 
-        	<table width="100%">
-            	<tr>
-            		<td>{{ form.username.label_tag }}</td>
-            		<td>{{ form.username }}
+            <table width="100%">
+                <tr>
+                    <td>{{ form.username.label_tag }}</td>
+                    <td>{{ form.username }}
                         {% if form.username.errors %}
-                            <span class="error">{% for error in form.username.errors %}{{ error|escape }}{% endfor %}</span>
+                        <span class="error">{% for error in form.username.errors %}{{ error|escape }}{% endfor %}</span>
                         {% endif %}
                     </td>
-            	</tr>
-            	<tr>
-            		<td>{{ form.password.label_tag }}
-                    <small><a href="{% url 'members:password_reset' %}" tabindex="100">Mot de passe oublié ?</a></small></td>
-            		<td>{{ form.password }}
+                </tr>
+                <tr>
+                    <td>{{ form.password.label_tag }}</td>
+                    <td>{{ form.password }}
                         {% if form.password.errors %}
-                            <span class="error">{% for error in form.password.errors %}{{ error|escape }}{% endfor %}</span>
+                        <span class="error">{% for error in form.password.errors %}{{ error|escape }}{% endfor %}</span>
                         {% endif %}
                     </td>
-            	</tr>
+                </tr>
         	</table>
         	<input type="submit" value="Coinnexion" class="button radius"/>
         	<input type="hidden" name="next" value="{{ next }}" />
-    	</form>
+            <a id="password-reset-link" href="{% url 'members:password_reset' %}" tabindex="100">Mot de passe oublié ?</a>
+        </form>
     </div>
     <div class="medium-5 columns">
         <div class="panel callout" id="newcomers">

coin/static/css/local.css

@@ -167,6 +167,22 @@ table.no-background tr {
     font-weight: bold;
 }
 
+/* login page */
+#login-form {}
+#login-form table td {
+    vertical-align: middle;
+}
+#login-form table input {
+    margin-bottom: 0;
+}
+#login-form label {
+    font-size: 1.2em;
+}
+
+#password-reset-link {
+    margin-left: 1em;
+}
+
 
 /* New comers panel on login page */
 #newcomers {