style: `account/auth/totp` (enabled)

hiboo/account/templates/account_auth_totp.html

@@ -13,16 +13,23 @@
 {% if enabled %}
 
 <div class="col-md-6 col">
+
   <blockquote class="quote-success">
-    <h5>{% trans %}Enabled{% endtrans %}</h5>
-    <p>{% trans %}Two-factor authentication with Time-based One-Time Passowrd is enabled. Use the form below to test your TOTP client configuration{% endtrans %}
-    <br>
-    {% trans %}Click on "Disable TOTP" to disable TOTP.{% endtrans %}
+    <h5>{% trans %}Two-factor authentication is enabled{% endtrans %}</h5>
+    <p>{% trans %}Click on <i>Disable TOTP</i> to disable it{% endtrans %}</p>
     </p>
   </blockquote>
-  <div class="row">
-    {{ macros.form(form) }}
+
+  <div class="card">
+    <div class="card-body">
+      <h5>{% trans %}Test your one-time password{% endtrans %}</h5>
+      <p>{% trans %}Feel free to use this form in order to check your client configuration{% endtrans %}</p>
+    </div>
+    <div class="card-footer">
+      {{ macros.form(form) }}
+    </div>
   </div>
+
 </div>
 
 {% else %}
@@ -30,7 +37,7 @@
 <div class="col-md-6 col">
   <blockquote class="quote-info">
     <h5>{% trans %}Two-factor authentication is disabled{% endtrans %}</h5>
-    <p>{% trans %}Click on <i>Enable TOTP</i> to configure it.{% endtrans %}</p>
+    <p>{% trans %}Click on <i>Enable TOTP</i> to configure it{% endtrans %}</p>
   </blockquote>
 
   <blockquote class="quote-warning">