Fixing more nitty gritty stuff.

All that's left is the font switch and the logo.

lumbung.space/login/login.ftl

@@ -57,7 +57,7 @@
 
                   <div id="kc-form-buttons" class="${properties.kcFormGroupClass!}">
                       <input type="hidden" id="id-hidden-input" name="credentialId" <#if auth.selectedCredential?has_content>value="${auth.selectedCredential}"</#if>/>
-                      <input tabindex="4" class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonBlockClass!} ${properties.kcButtonLargeClass!}" name="login" id="kc-login" type="submit" value="${msg("doLogIn")}"/>
+                      <input tabindex="4" class="login-button" name="login" id="kc-login" type="submit" value="${msg("doLogIn")}"/>
                   </div>
             </form>
         </#if>

lumbung.space/login/messages/messages_en.properties

@@ -1,4 +1,4 @@
-doLogIn=Sign In
+doLogIn=sign in
 doRegister=Register
 doCancel=Cancel
 doSubmit=Submit
@@ -58,14 +58,14 @@ consentDenied=Consent denied.
 
 noAccount=New user?
 username=Username
-usernameOrEmail=Username or email
+usernameOrEmail=username or email
 firstName=First name
 givenName=Given name
 fullName=Full name
 lastName=Last name
 familyName=Family name
 email=Email
-password=Password
+password=password
 passwordConfirm=Confirm password
 passwordNew=New Password
 passwordNewConfirm=New Password confirmation

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

@@ -20,11 +20,6 @@ a {
     display: flex;
 }
 
-/* .card-pf #kc-content #kc-content-wrapper { */
-/*   padding: 1em; */
-/*  */
-/* } */
-
 /*Login form */
 
 .login-pf-header {
@@ -39,6 +34,7 @@ a {
   display: inline-block;
   height: 100%;
   vertical-align: bottom;
+  padding: 2em 0em 1em 1em;
 }
 
 #kc-form-wrapper {
@@ -78,12 +74,12 @@ a {
 }
 
 .form-group label {
-  font-weight: bold;
-  padding: 0.5em;
+  padding-bottom: 0.5em;
 }
 
 #kc-form-buttons {
   all: unset;
+  display: inline-block;
   width: 100%;
   height: 2em;
   align-self: center;
@@ -91,6 +87,17 @@ a {
   border-top: 2px solid black;
 }
 
+.login-button {
+  all: unset;
+  display: block;
+  border: none;
+  color: #FFFFFF;
+  font-size: 1em;
+  font-weight: bold;
+  margin: auto;
+  padding: 0.3em;
+}
+
 .pf-c-form-control {
   border: none;
   padding: 5px 5px 5px 5px;
@@ -184,11 +191,12 @@ div#kc-username:before{
 
 @media screen and (max-width: 530px) {
 
-#kc-page-title {
-  border: unset;
-}
+  #kc-page-title {
+    border: unset;
+  }
 
-#kc-register-form {
+  #kc-register-form {
     margin: unset;
     margin-bottom: 1.5em;
+  }
 }