From a2f3267a8ca9589e523b66d5583299ed89dcd4ea Mon Sep 17 00:00:00 2001
From: Thijs Kinkhorst <thijs@kinkhorst.com>
Date: Tue, 23 Jan 2024 10:54:08 +0100
Subject: [PATCH] Fix OTP form rendering classes

The form was not using the correct bootstrap form classes so was ugly
---
 assets/scss/application.scss               | 1 +
 templates/default/authentication.html.twig | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/assets/scss/application.scss b/assets/scss/application.scss
index 545e6385..72f3b8b8 100644
--- a/assets/scss/application.scss
+++ b/assets/scss/application.scss
@@ -148,6 +148,7 @@ div.middle {
 #otpform {
   width: 50%;
   margin: 0 auto;
+  margin-top: 1em;
   display: block;
   float: none;
 
diff --git a/templates/default/authentication.html.twig b/templates/default/authentication.html.twig
index e89dbc1b..4b619597 100644
--- a/templates/default/authentication.html.twig
+++ b/templates/default/authentication.html.twig
@@ -64,10 +64,10 @@
 
     <div id="otpform">
         <form method="POST" class="form-inline">
-            <div class="input-group">
-                <input type="text" name="otp" tabindex="3"
+            <div class="form-group">
+                <input type="text" name="otp" tabindex="3" class="form-control"
                        placeholder="{{ 'login.qr.manual.otp' | trans }}"
-                       autocomplete="off" />
+                       autocomplete="off">
                 &nbsp;
                 <button type="submit" class="btn btn-primary">{{ 'login.qr.manual.button' | trans }}</button>
             </div>