From b4ca28479ab1e3c4074317de437f286e6ec6e494 Mon Sep 17 00:00:00 2001
From: josh <josh@themainframe.co.uk>
Date: Fri, 2 Feb 2024 15:52:57 +0000
Subject: [PATCH] Update mfa/templates/TrustedDevices/start.html

---
 mfa/templates/TrustedDevices/start.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/mfa/templates/TrustedDevices/start.html b/mfa/templates/TrustedDevices/start.html
index 954f0a7..d409984 100644
--- a/mfa/templates/TrustedDevices/start.html
+++ b/mfa/templates/TrustedDevices/start.html
@@ -82,6 +82,17 @@
     <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">
+                Add Trusted Device
+            </h6>
+          </div>
+        <div class="card-body">
+    <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">
@@ -92,8 +103,8 @@
             {%  if not_allowed %}
                 <div class="alert alert-danger">You can't add any more devices, you need to remove previously trusted devices first.</div>
             {% else %}
-                    <p style="color: green">Allow access from mobile phone and tables.</p><br/>
-                    <br/>
+                <p style="color: green">Allow access from mobile phone and tables.</p><br/>
+                <br/>
             <div class="row">
                 <h5>Steps:</h5>
             </div>
@@ -125,7 +136,9 @@
             </div>
 
 
-    {% endif %}            
+            {% endif %}           
+        </div>
+</div>           
         </div>
 </div>
     {% include "modal.html" %}