From d6f47aa5f07a11a8771ce95f156b5394e67285a8 Mon Sep 17 00:00:00 2001
From: Dylan William Hardison <dylan@hardison.net>
Date: Thu, 8 Oct 2015 08:28:46 -0400
Subject: Bug 1200765 - Make login UX mobile friendly to assist mobile
 authentication workflow

---
 template/en/default/mfa/totp/verify.html.tmpl | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

(limited to 'template/en/default/mfa/totp/verify.html.tmpl')

diff --git a/template/en/default/mfa/totp/verify.html.tmpl b/template/en/default/mfa/totp/verify.html.tmpl
index ad75dc6bc..7314d909a 100644
--- a/template/en/default/mfa/totp/verify.html.tmpl
+++ b/template/en/default/mfa/totp/verify.html.tmpl
@@ -8,6 +8,7 @@
 
 [% INCLUDE global/header.html.tmpl
   title = "Account Verification"
+  allow_mobile = 1
 %]
 
 <h1>Account Verification</h1>
@@ -16,16 +17,17 @@
   <b>[% reason FILTER html %]</b> requires verification.<br>
   Please enter your verification code from your TOTP application:
 </p>
-
-<form method="POST" action="[% postback.action FILTER none %]">
-  [% FOREACH field IN postback.fields.keys %]
-    <input type="hidden" name="[% field FILTER html %]" value="[% postback.fields.item(field) FILTER html %]">
-  [% END %]
-  <input type="text" name="code" id="code"
-        placeholder="123456" maxlength="9" pattern="\d{6,9}" size="10"
-        autocomplete="off" required autofocus><br>
-  <br>
-  <input type="submit" value="Submit">
-</form>
+<div class="verify-totp">
+  <form method="POST" action="[% postback.action FILTER none %]">
+    [% FOREACH field IN postback.fields.keys %]
+      <input type="hidden" name="[% field FILTER html %]" value="[% postback.fields.item(field) FILTER html %]">
+    [% END %]
+    <input type="text" name="code" id="code"
+           placeholder="123456" maxlength="9" pattern="\d{6,9}" size="10"
+           autocomplete="off" required autofocus><br>
+    <br>
+    <input type="submit" value="Submit">
+  </form>
+</div>
 
 [% INCLUDE global/footer.html.tmpl %]
-- 
cgit v1.2.3-24-g4f1b