Merge pull request #81 from OpenTechFund/feature/129-account-activation-fe

Feature/129 account activation fe

opentech/apply/users/templates/users/change_password.html

 {% extends 'base.html' %}
 {% load i18n %}
-
-{% block title %}{% trans "Change password" %}{% endblock %}
-
+{% block header_modifier %}header--light-bg{% endblock %}
+{% block page_title %}Set a password{% endblock %}
+{% block title %}{% trans "Set a password" %}{% endblock %}
 
 {% block content %}
+<div class="wrapper wrapper--small wrapper--bottom-space">
+
     {% if form.non_field_errors %}
-        <div class="messages">
-            <ul>
-                {% for error in form.non_field_errors %}
-                <li class="error">{{ error }}</li>
-                {% endfor %}
-            </ul>
-        </div>
+        <ul class="errorlist">
+            {% for error in form.non_field_errors %}
+                <li>{{ error }}</li>
+            {% endfor %}
+        </ul>
     {% endif %}
 
     {% if form.errors %}
-        <div class="messages">
+        <ul class="errorlist">
             {% blocktrans count counter=form.errors.items|length %}
-            Please correct the error below.
+            <li>Please correct the error below.</li>
             {% plural %}
-            Please correct the errors below.
+            <li>Please correct the errors below.</li>
             {% endblocktrans %}
-        </div>
+        </ul>
     {% endif %}
 
-    <form action="" method="POST" novalidate>
+    <form class="form form--with-p-tags" action="" method="POST" novalidate>
         {% csrf_token %}
 
         {% for field in form %}
             {{ field.errors }}
-            {{ field.label_tag }}
-            {{ field }}
+            <p>{{ field.label_tag }}</p>
+            <p>{{ field }}</p>
         {% endfor %}
 
-        <button type="submit">{% trans 'Reset password' %}</button>
+        <button class="link link--button-secondary" type="submit">{% trans 'Reset password' %}</button>
     </form>
+</div>
 {% endblock %}