From 97ba9eeb4428ad5caf727f0239ebb74d5b149bc1 Mon Sep 17 00:00:00 2001
From: josh <josh@themainframe.co.uk>
Date: Fri, 2 Feb 2024 15:34:22 +0000
Subject: [PATCH] Update mfa/templates/FIDO2/recheck.html

---
 mfa/templates/FIDO2/recheck.html | 74 +++++++++++++++-----------------
 1 file changed, 34 insertions(+), 40 deletions(-)

diff --git a/mfa/templates/FIDO2/recheck.html b/mfa/templates/FIDO2/recheck.html
index c44db3a..fcd0fa9 100644
--- a/mfa/templates/FIDO2/recheck.html
+++ b/mfa/templates/FIDO2/recheck.html
@@ -1,50 +1,44 @@
 {%  load static %}
 <script type="application/javascript" src="{% static 'mfa/js/cbor.js' %}"></script>
 <script type="application/javascript" src="{% static 'mfa/js/ua-parser.min.js' %}"></script>
-<div class="row">
-
-<div class="col-sm-10 col-sm-offset-1 col-xs-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2 offset-2 col-8">
-<div class="panel panel-default card">
-      <div class="panel-heading card-header">
-	      <strong> Security Key</strong>
-      </div>
-      <div class="panel-body card-body">
-
-              <div class="row">
-            <div style="padding-left: 15px" class="col-md-10 col-md-offset-1" id="main_paragraph" align="center">
-                {% if mode == "auth" %}
-                   Welcome back {% comment %}<img src="{% url 'getUserImage' request.session.base_username  %}" title="{{ request.session.base_username }}" style="padding: 3px;height: 50px" class="img-circle"/>{% endcomment %} {{ request.session.base_username }}<br/>
-                    <a href="{% url 'mfa_reset_cookie' %}">Not me</a>
-                    <br/>
-
-            {% endif %}
-                <div id="res">
-                    <p style="color: green">please press the button on your security key to prove it is you.</p>
-                </div>
-                <div id="msgdiv"></div>
-                {% if mode == "auth" %}
-                    <form id="u2f_login" action="{% url 'fido2_complete_auth' %}" method="post" enctype="multipart/form-data">
-                {% elif mode == "recheck" %}
-                    <form id="u2f_login" action="{% url 'fido2_recheck' %}" method="post" enctype="multipart/form-data">
-                {% endif %}
-              {% csrf_token %}
-              <input type="hidden" name="response" id="response" value=""/>
-          </form>
-      </div>
-                  </div>
+    <div class="col-lg-8 col-md-8 col-12 mx-auto">
+    <div class="page-header min-height-300 border-radius-xl mt-4" style="background-repeat: no-repeat; background-position: cover; background-size:contain; background-image: url('{% static 'img/keys.jpg'%}');">
+      <span class="mask  bg-gradient-primary  opacity-6"></span>
+    </div>
+    <div class="card mx-3 mx-md-4 mt-n6 h-100 z-index-0 fadeIn3 fadeInBottom "  >
+        <div class="card-header pb-0 p-3">
+            <h6 class="mb-0"><strong> Security Key</strong></h6>
           </div>
+        <div class="card-body">
 
-          <div class="row">
-          <div class="col-md-12 mb-3" style="padding-left: 25px">
-
-            {% if request.session.mfa_methods|length > 1 %}
-               <a href="{%  url 'mfa_methods_list' %}">Select Another Method</a>
-            {% endif %}
+            <div class="row">
+                <div style="padding-left: 15px" class="col-md-10 col-md-offset-1" id="main_paragraph" align="center">
+                    {% if mode == "auth" %}
+                       Welcome back {% comment %}<img src="{% url 'getUserImage' request.session.base_username  %}" title="{{ request.session.base_username }}" style="padding: 3px;height: 50px" class="img-circle"/>{% endcomment %} {{ request.session.base_username }}<br/>
+                        <a href="{% url 'mfa_reset_cookie' %}">Not me</a>
+                        <br/>
+                    {% endif %}
+                    <div id="res">
+                        <p style="color: green">please press the button on your security key to prove it is you.</p>
+                    </div>
+                    <div id="msgdiv"></div>
+                    {% if mode == "auth" %}
+                        <form id="u2f_login" action="{% url 'fido2_complete_auth' %}" method="post" enctype="multipart/form-data">
+                    {% elif mode == "recheck" %}
+                        <form id="u2f_login" action="{% url 'fido2_recheck' %}" method="post" enctype="multipart/form-data">
+                    {% endif %}
+                            {% csrf_token %}
+                            <input type="hidden" name="response" id="response" value=""/>
+                        </form>
+                </div>
+            </div>
+              <div class="row">
+                {% if request.session.mfa_methods|length > 1 %}
+                   <a href="{%  url 'mfa_methods_list' %}">Select Another Method</a>
+                {% endif %}
+            </div>
           </div>
         </div>
-      </div>
-</div>
-</div>
 </div>
 
     <script type="text/javascript">