From 4ae94cb4d59831e0c6e19d20e36d7f6059c97d05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=AD=C3=B0ir=20Valberg=20Gu=C3=B0mundsson?=
 <valberg@orn.li>
Date: Tue, 26 Mar 2019 22:29:26 +0100
Subject: [PATCH] Give backup tokens some love.

---
 .../templates/allauth_2fa/backup_tokens.html   | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/profiles/templates/allauth_2fa/backup_tokens.html b/src/profiles/templates/allauth_2fa/backup_tokens.html
index 7086bf5e..2698f3f0 100644
--- a/src/profiles/templates/allauth_2fa/backup_tokens.html
+++ b/src/profiles/templates/allauth_2fa/backup_tokens.html
@@ -12,24 +12,34 @@
           <h4>Two-Factor Authentication Backup Tokens</h4>
         </div>
         <div class="panel-body">
-            {% if backup_tokens %}
+          <div class="alert alert-danger">
+            <h4>Attention!</h4>
+            <p >
+              Backup Tokens are important if you for some reason <strong>lose access</strong> to your two-factor authentication device (ie. misplace your phone).<br />
+              If this happens you will <strong>not be able to login to BornHack.dk</strong> without using a backup token.<br />
+              So generate some tokens and <strong>keep them safe</strong> for a rainy day ;)
+            </p>
+          </div>
+          {% if backup_tokens %}
           <ul>
             {% for token in backup_tokens %}
-            <li>{{ token.token }}</li>
+            <li><h4>{{ token.token }}</h4></li>
             {% endfor %}
           </ul>
           {% else %}
           <p>No tokens. Press the button below to generate some.</p>
           {% endif %}
 
+        </div>
+        <div class="panel-footer">
           <form method="post">
             {% csrf_token %}
             <div class="buttonHolder">
               <button class="btn btn-success" type="submit">
                 {% if backup_tokens %}
-                  Generate new backup tokens
+                Generate new backup tokens
                 {% else %}
-                  Generate new backup tokens
+                Generate backup tokens
                 {% endif %}
               </button>
             </div>