Prettify UI

app/auth/templates/auth/mfa.html

@@ -7,7 +7,12 @@
 
 
 {% block single_content %}
-  <div class="bg-white p-6" style="max-width: 50em; margin: auto">
+  <div class="bg-white p-6" style="margin: auto">
+
+    <div>
+      Your account is protected with multi-factor authentication (MFA). <br>
+      To continue with the sign-in you need to provide the access code from your authenticator.
+    </div>
 
     <form method="post">
       {{ otp_token_form.csrf_token }}

templates/single.html

@@ -4,7 +4,7 @@
   <div class="page-single">
     <div class="container">
       <div class="row">
-        <div class="col col-login mx-auto">
+        <div class="col mx-auto" style="max-width: 50rem">
           <div class="text-center mb-6">
             <a href="https://simplelogin.io">
               <img src="/static/logo.png" style="background-color: transparent; height: 40px">