Fix OTP form rendering classes

The form was not using the correct bootstrap form classes so was ugly
OpenConext · Jan 23, 2024 · a2f3267 · a2f3267
1 parent fb18714
commit a2f3267
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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>