Password reset use cards

note_kfet/templates/registration/logged_out.html

@@ -3,8 +3,16 @@
 SPDX-License-Identifier: GPL-3.0-or-later
 {% endcomment %}
 {% load i18n %}
+{% block contenttitle %}{% endblock %}
 
 {% block content %}
-    <p>{% trans "Thanks for spending some quality time with the Web site today." %}</p>
-    <p><a href="{% url 'index' %}">{% trans 'Log in again' %}</a></p>
+<div class="card bg-light">
+    <h3 class="card-header text-center">
+        {{ title }}
+    </h3>
+    <div class="card-body">
+        <p>{% trans "Thanks for spending some quality time with the Web site today." %}</p>
+        <p><a href="{% url 'index' %}">{% trans 'Log in again' %}</a></p>
+    </div>
+</div>
 {% endblock %}

note_kfet/templates/registration/password_change_done.html

@@ -3,7 +3,15 @@
 SPDX-License-Identifier: GPL-3.0-or-later
 {% endcomment %}
 {% load i18n %}
+{% block contenttitle %}{% endblock %}
 
 {% block content %}
-    <p>{% trans 'Your password was changed.' %}</p>
+<div class="card bg-light">
+    <h3 class="card-header text-center">
+        {{ title }}
+    </h3>
+    <div class="card-body">
+        <p>{% trans 'Your password was changed.' %}</p>
+    </div>
+</div>
 {% endblock %}

note_kfet/templates/registration/password_change_form.html

@@ -3,11 +3,19 @@
 SPDX-License-Identifier: GPL-3.0-or-later
 {% endcomment %}
 {% load i18n crispy_forms_tags %}
+{% block contenttitle %}{% endblock %}
 
 {% block content %}
-    <form method="post">{% csrf_token %}
-        <p>{% trans "Please enter your old password, for security's sake, and then enter your new password twice so we can verify you typed it in correctly." %}</p>
-        {{ form | crispy }}
-        <input class="btn btn-primary" type="submit" value="{% trans 'Change my password' %}">
-    </form>
-{% endblock %}
+<div class="card bg-light">
+    <h3 class="card-header text-center">
+        {{ title }}
+    </h3>
+    <div class="card-body">
+        <form method="post">{% csrf_token %}
+            <p>{% trans "Please enter your old password, for security's sake, and then enter your new password twice so we can verify you typed it in correctly." %}</p>
+            {{ form | crispy }}
+            <input class="btn btn-primary" type="submit" value="{% trans 'Change my password' %}">
+        </form>
+    </div>
+</div>
+{% endblock %}

note_kfet/templates/registration/password_reset_complete.html

@@ -3,10 +3,18 @@
 SPDX-License-Identifier: GPL-3.0-or-later
 {% endcomment %}
 {% load i18n %}
+{% block contenttitle %}{% endblock %}
 
 {% block content %}
-    <p>{% trans "Your password has been set.  You may go ahead and log in now." %}</p>
-    <p>
-        <a href="{{ login_url }}" class="btn btn-success">{% trans 'Log in' %}</a>
-    </p>
+<div class="card bg-light">
+    <h3 class="card-header text-center">
+        {{ title }}
+    </h3>
+    <div class="card-body">
+        <p>{% trans "Your password has been set.  You may go ahead and log in now." %}</p>
+        <p>
+            <a href="{{ login_url }}" class="btn btn-success">{% trans 'Log in' %}</a>
+        </p>
+    </div>
+</div>
 {% endblock %}

note_kfet/templates/registration/password_reset_confirm.html

@@ -3,15 +3,25 @@
 SPDX-License-Identifier: GPL-3.0-or-later
 {% endcomment %}
 {% load i18n crispy_forms_tags %}
+{% block contenttitle %}{% endblock %}
 
 {% block content %}
-    {% if validlink %}
+<div class="card bg-light">
+    <h3 class="card-header text-center">
+        {{ title }}
+    </h3>
+    <div class="card-body">
+        {% if validlink %}
         <p>{% trans "Please enter your new password twice so we can verify you typed it in correctly." %}</p>
         <form method="post">{% csrf_token %}
             {{ form | crispy }}
             <input class="btn btn-primary" type="submit" value="{% trans 'Change my password' %}">
         </form>
-    {% else %}
-        <p>{% trans "The password reset link was invalid, possibly because it has already been used.  Please request a new password reset." %}</p>
-    {% endif %}
-{% endblock %}
+        {% else %}
+        <p>
+            {% trans "The password reset link was invalid, possibly because it has already been used.  Please request a new password reset." %}
+        </p>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}

note_kfet/templates/registration/password_reset_done.html

@@ -3,8 +3,16 @@
 SPDX-License-Identifier: GPL-3.0-or-later
 {% endcomment %}
 {% load i18n %}
+{% block contenttitle %}{% endblock %}
 
 {% block content %}
-    <p>{% trans "We've emailed you instructions for setting your password, if an account exists with the email you entered. You should receive them shortly." %}</p>
-    <p>{% trans "If you don't receive an email, please make sure you've entered the address you registered with, and check your spam folder." %}</p>
+<div class="card bg-light">
+    <h3 class="card-header text-center">
+        {{ title }}
+    </h3>
+    <div class="card-body">
+        <p>{% trans "We've emailed you instructions for setting your password, if an account exists with the email you entered. You should receive them shortly." %}</p>
+        <p>{% trans "If you don't receive an email, please make sure you've entered the address you registered with, and check your spam folder." %}</p>
+    </div>
+</div>
 {% endblock %}

note_kfet/templates/registration/password_reset_form.html

@@ -8,7 +8,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
 {% block content %}
 <div class="card bg-light">
     <h3 class="card-header text-center">
-        {% trans "Password reset" %}
+        {{ title }}
     </h3>
     <div class="card-body">
         <p>{% trans "Forgotten your password? Enter your email address below, and we'll email instructions for setting a new one." %}</p>