From 3eab9cbd46318c5c53569998294c8cc0fcf54c0f Mon Sep 17 00:00:00 2001
From: josh <josh@themainframe.co.uk>
Date: Fri, 2 Feb 2024 12:56:43 +0000
Subject: [PATCH] Update mfa/templates/select_mfa_method.html

---
 mfa/templates/select_mfa_method.html | 53 ++++++++++++++--------------
 1 file changed, 26 insertions(+), 27 deletions(-)

diff --git a/mfa/templates/select_mfa_method.html b/mfa/templates/select_mfa_method.html
index aa59acb..c6ab74d 100644
--- a/mfa/templates/select_mfa_method.html
+++ b/mfa/templates/select_mfa_method.html
@@ -1,32 +1,31 @@
 {% extends "mfa_auth_base.html" %}
 {% block content %}
-<br/>
-<div class='container'>
-<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> Select Second Verification Method</strong>
-      </div>
-      <div class="panel-body card-body">
-          <ul>
-              {% for method in request.session.mfa_methods %}
-
-              <li><a href="{% url "mfa_goto" method %}">
-                  {% if method == "TOTP" %}{% if 'TOTP' in RENAME_METHODS %}{{ RENAME_METHODS.TOTP }}{% else %}Authenticator App{% endif %}
-                  {% elif method == "Email" %}{% if 'Email' in RENAME_METHODS %}{{ RENAME_METHODS.Email }}{% else %}Send OTP by Email{% endif %}
-                  {% elif method == "U2F" %}{% if 'U2F' in RENAME_METHODS %}{{ RENAME_METHODS.U2F }}{% else %}Secure Key{% endif %}
-                  {% elif method == "FIDO2" %}{% if 'FIDO2' in RENAME_METHODS %}{{ RENAME_METHODS.FIDO2 }}{% else %}FIDO2 Secure Key{% endif %}
-                  {% elif method == "RECOVERY" %}{% if 'RECOVERY' in RENAME_METHODS %}{{ RENAME_METHODS.RECOVERY }}{% else %}Recovery Code{% endif %}
-                  {% endif %}
-              </a> </li>
-              {% endfor %}
-          </ul>
-      </div>
-</div>
-</div>
-
-</div>
+<div class="container-fluid px-2 px-md-4 mt-6">
+  <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"  >
+                <div class="card-header pb-0 p-3">
+                    <h6 class="mb-0">Select Second Verification Method</h6>
+                </div>
+                <div class="card-body p-3">
+                    <div class="panel-body card-body">
+                        <ul>
+                            {% for method in request.session.mfa_methods %}
+              
+                            <li  style="list-style-type: none;"><a class="btn btn-sm btn-outline-primary" href="{% url 'mfa_goto' method %}" >
+                                {% if method == "TOTP" %}{% if 'TOTP' in RENAME_METHODS %}{{ RENAME_METHODS.TOTP }}{% else %}Authenticator App{% endif %}
+                                {% elif method == "Email" %}{% if 'Email' in RENAME_METHODS %}{{ RENAME_METHODS.Email }}{% else %}Send OTP by Email{% endif %}
+                                {% elif method == "U2F" %}{% if 'U2F' in RENAME_METHODS %}{{ RENAME_METHODS.U2F }}{% else %}Secure Key{% endif %}
+                                {% elif method == "FIDO2" %}{% if 'FIDO2' in RENAME_METHODS %}{{ RENAME_METHODS.FIDO2 }}{% else %}FIDO2 Secure Key{% endif %}
+                                {% elif method == "RECOVERY" %}{% if 'RECOVERY' in RENAME_METHODS %}{{ RENAME_METHODS.RECOVERY }}{% else %}Recovery Code{% endif %}
+                                {% endif %}
+                            </a> </li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                </div>
+            </div>
 </div>
 {% endblock %}