Better 2fa input fields

src/app/auth/login/login.component.html

@@ -53,7 +53,13 @@ <h1 class="title">{{ 'login.title' | translate }}</h1>
           <div class="field" *ngIf="mfaNeeded">
             <label class="label">{{ 'login.2fa.label' | translate }}</label>
             <div class="control">
-              <input class="input" type="text" placeholder="000000" name="2fa" [(ngModel)]="loginData.twoFactorCode" />
+              <input class="input"
+                     type="text"
+                     placeholder="000000"
+                     inputmode="numeric"
+                     pattern="[0-9]*"
+                     name="2fa"
+                     [(ngModel)]="loginData.twoFactorCode" />
             </div>
           </div>
 

src/app/user/settings/mfa-modal/mfa-modal.component.html

@@ -12,7 +12,8 @@ <h5 class="title">{{ 'user.settings.mfa.modal.title' | translate }}</h5>
       <br />
       <input class="input"
              type="number"
-             pattern="[0-9]{6}"
+             inputmode="numeric"
+             pattern="[0-9]*"
              (keydown.enter)="saveMfa()"
              [(ngModel)]="mfaCode"
              name="mfaCode" style="margin-bottom: 1rem">