refine login screen

lumbung.space/login/messages/messages_en.properties

@@ -22,7 +22,7 @@ kerberosNotConfiguredTitle=Kerberos Not Configured
 bypassKerberosDetail=Either you are not logged in by Kerberos or your browser is not set up for Kerberos login.  Please click continue to login in through other means
 kerberosNotSetUp=Kerberos is not set up.  You cannot login.
 registerTitle=Register
-loginAccountTitle=Sign in to your account
+loginAccountTitle=Sign in to lumbung.space
 loginTitle=Sign in to {0}
 loginTitleHtml={0}
 impersonateTitle={0} Impersonate User

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

@@ -11,10 +11,13 @@ body {
         margin:auto;
         box-shadow:1em 1em 0 #d2d1c8;
         background-color: #fff09d;
+        transform: rotate(-1deg);
+        margin-top: 2em;
 }
 
 
 .card-pf #kc-content #kc-content-wrapper {
+  padding: 1em;
 
 }
 
@@ -33,14 +36,13 @@ body {
   padding-right: 0.5em;
   font-size: 1em;
   display: inline-block;
+  text-transform: uppercase;
+
 
 }
 
 #kc-form-wrapper {
     margin-top: 1em;
-    margin-left: 3em;
-    margin-right: 3em;
-    margin-bottom: 0.5em;
 }
 
 #kc-form-login {
@@ -57,32 +59,34 @@ body {
   border:2px solid #0e0e22;
   width: 100%;
   display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  flex-wrap: wrap;
+  flex-direction: column;
 
 }
 
-.form-group.login-pf-settings{
+.form-group.login-pf-settings {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  vertical-align: baseline;
+  align-items: baseline;
   border: none;
 }
 
 .form-group label {
   font-weight: bold;
-  padding-left: 1em;
-  padding-right: 1em;
+  padding: 0.5em;
 }
 
 #kc-form-buttons {
-  width: unset;
   margin: 0;
   align-self: end;
+  margin-top: 1em;
   }
 
 .pf-c-form-control {
 border: none;
 padding: 5px 5px 5px 5px;
-border-left: 2px solid black;
+border-top: 2px solid black;
 flex-grow: 1;
 }