fix some old shit :3

.gitignore

@@ -0,0 +1 @@
+keycloak-*

themes/lain/login/login.ftl

@@ -8,12 +8,12 @@
             <#if realm.password>
                 <form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">
                     <#if !usernameHidden??>
-                        <div class="${properties.kcFormGroupClass!}">
+                        <div class="${properties.kcFormGroupClass!} user-line">
                             <label id="user-label" for="username" class="${properties.kcLabelClass!}"><#if !realm.loginWithEmailAllowed>${msg("username")}<#elseif !realm.registrationEmailAsUsername>${msg("usernameOrEmail")}<#else>${msg("email")}</#if></label>
 
-                            [ <input tabindex="2" id="username" class="${properties.kcInputClass!}" name="username" value="${(login.username!'')}"  type="text" autofocus autocomplete="username"
+                            <span class="nwrap">[ <input tabindex="2" id="username" class="${properties.kcInputClass!}" name="username" value="${(login.username!'')}"  type="text" autofocus autocomplete="username"
                                    aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>"
-                            /> ]
+                            /> ]</span>
 
                             <#if messagesPerField.existsError('username','password')>
                                 <span id="input-error" class="${properties.kcInputErrorMessageClass!}" aria-live="polite">
@@ -25,13 +25,13 @@
                     </#if>
                     <div class="break"></div>
 
-                    <div class="${properties.kcFormGroupClass!}">
+                    <div class="${properties.kcFormGroupClass!} pass-line">
                         <label id="pw-label" for="password" class="${properties.kcLabelClass!}">${msg("password")}</label>
 
                         <!--<div class="${properties.kcInputGroup!}">-->
-                            [ <input tabindex="3" id="password" class="${properties.kcInputClass!}" name="password" type="password" autocomplete="current-password"
+                            <span class="nwrap">[ <input tabindex="3" id="password" class="${properties.kcInputClass!}" name="password" type="password" autocomplete="current-password"
                                    aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>"
-                            /> ]
+                            /> ]</span>
                             <!--
                             <button class="${properties.kcFormPasswordVisibilityButtonClass!}" type="button" aria-label="${msg("showPassword")}"
                                     aria-controls="password" data-password-toggle tabindex="4"

themes/lain/login/resources/css/styles.css

@@ -3,6 +3,13 @@
     opacity: 1;
   }
 }
+.nwrap {
+  white-space: nowrap;
+  overflow: hidden;
+  text-align: right;
+  float: right;
+  clear: both;
+}
 :root {
   --term-color: #4AF626;
 }
@@ -49,6 +56,21 @@ input[type="submit"]:hover {
   background-color: var(--term-color);
   color: black;
 }
+#kc-page-title {
+  font-size: 2.5vw;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  display: block;
+  line-height: 1em; /* a */
+  max-height: 2em; /* a x number of line to show (ex : 2 line)  */
+}
+.user-line, .pass-line, .nwrap input {
+  font-size: 0.9vw;
+}
+#kc-header-wrapper {
+  display:none;
+}
 input[type="submit"] {
   transition: 0.3s;
   text-align: center;
@@ -58,8 +80,7 @@ input[type="submit"] {
   background: none;
   color: var(--term-color);
 }
-#pw-label, #user-label {
+.nwrap input {
-  margin-right: 30%;
 }
 label {display: inline;}
 input[type="text"]:focus, input[type="text"]:active, input[type="text"], input[type="password"]:focus, input[type="password"]:active, input[type="password"]  {