style OTP config

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 {