Style registration forms

fabiangermann · Simon Ba&#776;chler · commit 13422b6183a1 · 2012-06-01T11:19:07.000+02:00
diff --git a/feincmsorg/templates/registration/login.html b/feincmsorg/templates/registration/login.html
@@ -6,21 +6,30 @@
 
 
 {% block content_title %}
-  <h2>Log in</h2>
 {% endblock %}
 
 
 {% block inner-content %}
-  <form action="." method="post" class="login_form">{% csrf_token %}
-    {{ form.as_p }}
-    <p class="submit"><button type="submit" name="submit" value="Login">Log in</button></p>
+<form action="." method="post" class="login_form clearfix">{% csrf_token %}
+    <h2>Log in</h2>
+    {% for field in form %}
+    <div class="{% if field.errors %}errors {% endif %}{% if field.field.required %}required{% endif %}">
+        {{ field.label_tag }}
+        {{ field }}
+        {{ field.errors }}
+    </div>
+    {% endfor %}
+    <input type="submit" value="Login" />
     {% if next %}<input type="hidden" name="next" value="{{ next }}">{% endif %}
-  </form>
-  <a href="{% url email-register %}">Register</a>
-<div class="social-auth">
+</form>
+<h2 class="clearfix">Log in with social auth</h2>
+<div class="social-auth clearfix">
+    <form>
     {% for name in social_auth.backends %}
-    <li><a rel="nofollow" href="{% url socialauth_begin name %}">{{ name|title }}</a></li>
+        <a class="button left" rel="nofollow" href="{% url socialauth_begin name %}">{{ name|title }}</a>
     {% endfor %}
+    </form>
 </div>
-
+<h2>Create new account</h2>
+<form><a class="button left" href="{% url email-register %}">Register</a></form>
 {% endblock %}
diff --git a/feincmsorg/templates/registration/registration_complete.html b/feincmsorg/templates/registration/registration_complete.html
@@ -4,14 +4,9 @@
 {% block title %}Registration complete{% endblock %}
 {% block body_class %}{{ block.super }} registration_complete{% endblock %}
 
-
-{% block content_title %}
-  <h2>Registration complete</h2>
-{% endblock %}
-
-
 {% block inner-content %}
+  <h2>Registration complete</h2>
   <h3>Activate your account</h3>
   <p>We will be sending you an email with an activation link which you'll need to click to verify this account. If you choose not to activate your account it will eventually become disabled.</p>
   <p>Check your email.</p>
-{% endblock %}
+{% endblock %}
diff --git a/feincmsorg/templates/registration/registration_form.html b/feincmsorg/templates/registration/registration_form.html
@@ -5,14 +5,16 @@
 {% block body_class %}{{ block.super }} registration_form{% endblock %}
 
 
-{% block content_title %}
-  <h2>Register for an account</h2>
-{% endblock %}
-
-
 {% block inner-content %}
-  <form action="." method="post">{% csrf_token %}
-    {{ form.as_p }}
-    <p class="submit"><button type="submit">Submit</button></p>
-  </form>
-{% endblock %}
+<form action="." method="post" class="register_form">{% csrf_token %}
+    <h2>Register for an account</h2>
+    {% for field in form %}
+    <div class="{% if field.errors %}errors {% endif %}{% if field.field.required %}required{% endif %}">
+        {{ field.label_tag }}
+        {{ field }}
+        {{ field.errors }}
+    </div>
+    {% endfor %}
+    <input type="submit" value="Submit" />
+</form>
+{% endblock %}
