style OTP config

lumbung.space/login/login-otp.ftl

@@ -42,17 +42,9 @@
         </div>
 
             <div class="${properties.kcFormGroupClass!}">
-                <div id="kc-form-options" class="${properties.kcFormOptionsClass!}">
-                    <div class="${properties.kcFormOptionsWrapperClass!}">
-                    </div>
-                </div>
-
-                <div id="kc-form-buttons" class="${properties.kcFormButtonsClass!}">
-                    <input
-                        class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonBlockClass!} ${properties.kcButtonLargeClass!}"
-                        name="login" id="kc-login" type="submit" value="${msg("doLogIn")}" />
-                </div>
-            </div>
+                <input
+        class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonBlockClass!} ${properties.kcButtonLargeClass!}"
+        name="login" id="kc-login" type="submit" value="${msg("doLogIn")}" />
         </form>
     </#if>
 </@layout.registrationLayout>

lumbung.space/login/resources/css/login.css

@@ -19,6 +19,9 @@ a {
         margin-top: 2em;
 }
 
+.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
+    display: flex;
+}
 
 .card-pf #kc-content #kc-content-wrapper {
   padding: 1em;
@@ -61,7 +64,7 @@ a {
   font-size: 14px;
   margin: 10px auto;
   border:2px solid #0e0e22;
-  width: 100%;
+  width: 440px;
   display: flex;
   flex-direction: column;
 
@@ -76,6 +79,12 @@ a {
   border: none;
 }
 
+#kc-username.form-group{
+    border: none;
+    padding-left: 1em;
+    font-size: 14px;
+}
+
 .form-group label {
   font-weight: bold;
   padding: 0.5em;
@@ -95,6 +104,27 @@ a {
 
 }
 
+/*OTP Login*/
+
+#kc-username.form-group {
+    padding-left: 1em;
+    border: none;
+}
+
+#kc-attempted-username {
+    padding: 0;
+    font-style: unset;
+}
+
+div#kc-username:before{
+    content: "Logging in as: ";
+}
+
+.kc-login-tooltip {
+    text-align: right;
+    padding-right: 1em;
+}
+
 /*Login form + options*/
 
 #kc-info {