From d9a9f41548bb612c0255aafbd428b4db14a0f0c6 Mon Sep 17 00:00:00 2001
From: TatoniMatteo <tatonimatteo@gmail.com>
Date: Thu, 27 Aug 2026 10:20:29 +0200
Subject: [PATCH] Improve LoginPage colors and spaces

---
 .../resources/ui-commons/css/_theme.scss       |  4 ++--
 .../resources/ui-commons/css/login.scss        | 18 ++++++++++++++----
 .../syncope/client/console/pages/Login.html    |  2 +-
 .../syncope/client/enduser/pages/Login.html    |  2 +-
 4 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss
index 91bdebe4c5..f1eb5515ab 100644
--- a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss
+++ b/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;
diff --git a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss
index 1a96594074..3105424eab 100644
--- a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss
+++ b/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));
diff --git a/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html b/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
index a440feddfe..68e6a91e4f 100644
--- a/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
+++ b/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
@@ -68,7 +68,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();
diff --git a/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html b/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
index a025bde450..712a2c1705 100644
--- a/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
+++ b/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/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();