Improve LoginPage colors and spaces (#1508)

Author: TatoniMatteo

client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss

@@ -115,7 +115,7 @@
   /*
    * Semantic states
    */
-  --app-success: var(--app-cyan-500);
+  --app-success: var(--app-green-500);
   --app-success-contrast: var(--color-white);
 
   --app-danger: var(--app-red-500);
@@ -288,7 +288,7 @@
    * --------------------------------------------------------------------------
    */
 
-  --app-success: #29b8d3;
+  --app-success: var(--app-green-500);
   --app-success-contrast: var(--color-white);
 
   --app-danger: #ed5864;

client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss

@@ -20,10 +20,11 @@
 @import 'theme';
 @import 'utils';
 
+html {
+  height: 100% !important;
+}
 
 body, html {
-  height: 100% !important;
-  background-color: var(--app-bg);
   background-repeat: no-repeat;
   font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important;
 }
@@ -33,6 +34,16 @@ body, html {
   padding: 40px;
 }
 
+fieldset{
+  border: none !important;
+  padding: 1rem 0 0 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.input-group > button[type="button"] {
+    min-width: 50px
+}
+
 /*
  * Card component
  */
@@ -41,8 +52,7 @@ body, html {
   /* just in case there no content*/
   color: var(--app-text);
   padding: 20px 25px 30px;
-  margin: 0 auto 25px;
-  margin-top: 50px;
+  margin: 50px auto 25px;
   /* shadows and rounded borders */
   @include border_radius(2px);
   @include shadow(0 2px 2px var(--app-shadow));

client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html

@@ -67,7 +67,7 @@
             <div class="input-group d-flex">
               <input type="password" class="form-control w-75" wicket:id="password"
                      wicket:message="placeholder:password" required="required"/>
-              <button type="button" class="btn btn-warning btn-flat input-group-text w-25 m-0 h-100" onclick="
+              <button type="button" class="btn btn-warning btn-flat input-group-text w-auto m-0 h-100" onclick="
                 var input = $(this).prevAll('input');
                 var type = input.attr('type');
                 var children = $(this).children();

client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html

@@ -66,7 +66,7 @@
             <div class="input-group d-flex">
               <input type="password" class="form-control w-75" wicket:id="password"
                      wicket:message="placeholder:password" required="required"/>
-              <button type="button" class="btn btn-warning btn-flat input-group-text w-25 m-0 h-100" onclick="
+              <button type="button" class="btn btn-warning btn-flat input-group-text w-auto m-0 h-100" onclick="
                 var input = $(this).prevAll('input');
                 var type = input.attr('type');
                 var children = $(this).children();