From 2d67870dedf4943a2e674423d2e3b2df057eba1b Mon Sep 17 00:00:00 2001
From: Josh <josh@slendy.pw>
Date: Thu, 15 Dec 2022 14:28:28 -0600
Subject: [PATCH] Fix Two-Factor form on mobile (#593)

* Make textboxes use keypad input on mobile

* Fix input boxes on mobile
---
 .../Pages/Partials/TwoFactorPartial.cshtml           | 12 ++++++------
 ProjectLighthouse/StaticFiles/css/styles.css         |  3 ++-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml b/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml
index a6843bc7..d7975058 100644
--- a/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml
+++ b/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml
@@ -19,12 +19,12 @@
                 </div>
             }
         <div class="header" id="header">@Model.Translate(TwoFactorStrings.TwoFactor)</div>
-        <input type="text" maxlength="1" id="digit1"/>
-        <input type="text" maxlength="1" id="digit2"/>
-        <input type="text" maxlength="1" id="digit3" class="middleDigit"/>
-        <input type="text" maxlength="1" id="digit4"/>
-        <input type="text" maxlength="1" id="digit5"/>
-        <input type="text" maxlength="1" id="digit6"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit1"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit2"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit3" class="middleDigit"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit4"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit5"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit6"/>
         <input type="hidden" name="code" id="code"/>
         <input type="hidden" name="redirect" value="@callbackUrl">
         @if (allowBackupCodes)
diff --git a/ProjectLighthouse/StaticFiles/css/styles.css b/ProjectLighthouse/StaticFiles/css/styles.css
index b99698d6..66782e5c 100644
--- a/ProjectLighthouse/StaticFiles/css/styles.css
+++ b/ProjectLighthouse/StaticFiles/css/styles.css
@@ -150,7 +150,8 @@ div.cardStatsUnderTitle > span {
     height: 3rem;
     text-align: center;
     border: 1px solid #d4d4d5;
-    border-radius: 5px
+    border-radius: 5px;
+    padding: 0
 }
 
 .middleDigit {