From a077512e34bf42933457b92613b348ff2e06642a Mon Sep 17 00:00:00 2001
From: Hivert Quentin <quentin.hivert.fr@gmail.com>
Date: Fri, 19 Sep 2025 09:50:15 +0200
Subject: [PATCH] fix(ui): add css class for login page

---
 UI/MainUI/English.lproj/Localizable.strings |  1 +
 UI/MainUI/French.lproj/Localizable.strings  |  1 +
 UI/Templates/MainUI/SOGoRootPage.wox        | 14 +++++++-------
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/UI/MainUI/English.lproj/Localizable.strings b/UI/MainUI/English.lproj/Localizable.strings
index 7ee41870d..3089d6b3a 100644
--- a/UI/MainUI/English.lproj/Localizable.strings
+++ b/UI/MainUI/English.lproj/Localizable.strings
@@ -112,6 +112,7 @@ See <a href=\"http://www.sogo.nu/en/support/community.html\">this page</a> for v
 "Unhandled HTTP error code: %{0}" = "Unhandled HTTP error code: %{0}";
 "Current password" = "Current password";
 "New password" = "New password";
+"Passwords don't match" = "Passwords don't match";
 "Confirmation" = "Confirmation";
 "Change" = "Changer";
 "Cancel" = "Cancel";
diff --git a/UI/MainUI/French.lproj/Localizable.strings b/UI/MainUI/French.lproj/Localizable.strings
index d36a3ac49..95a1c2fd8 100644
--- a/UI/MainUI/French.lproj/Localizable.strings
+++ b/UI/MainUI/French.lproj/Localizable.strings
@@ -110,6 +110,7 @@
 "Current password" = "Mot de passe actuel";
 "New password" = "Nouveau mot de passe";
 "Confirmation" = "Confirmation";
+"Passwords don't match" = "Les mots de passe ne correspondent pas";
 "Change" = "Changer";
 "Cancel" = "Annuler";
 "Please wait..." = "Veuillez patienter...";
diff --git a/UI/Templates/MainUI/SOGoRootPage.wox b/UI/Templates/MainUI/SOGoRootPage.wox
index fe4269e52..2544367c4 100644
--- a/UI/Templates/MainUI/SOGoRootPage.wox
+++ b/UI/Templates/MainUI/SOGoRootPage.wox
@@ -226,14 +226,14 @@
                   <div flex="100">
                     <div layout="row" layout-xs="column">
                     <md-input-container class="md-block" flex="flex" ng-if="!(app.isInPasswordRecoveryMode())">
-                        <label><var:string label:value="Current password"/>
+                        <label class="input-login-label"><var:string label:value="Current password"/>
                         </label>
-                        <input type="password" sg-no-dirty-check="true" ng-model="app.passwords.oldPassword"/>
+                        <input class="md-input input-login-input" type="password" sg-no-dirty-check="true" ng-model="app.passwords.oldPassword"/>
                       </md-input-container>
                       <md-input-container class="md-block" flex="flex">
-                        <label><var:string label:value="New password"/>
+                        <label class="input-login-label"><var:string label:value="New password"/>
                         </label>
-                        <input type="password" sg-no-dirty-check="true" ng-model="app.passwords.newPassword"/>
+                        <input class="input-login-input" type="password" sg-no-dirty-check="true" ng-model="app.passwords.newPassword"/>
                         <div class="sg-hint">
                           <ul class="sg-padded">
                             <li ng-repeat="item in app.passwordPolicy">
@@ -243,11 +243,11 @@
                         </div>
                       </md-input-container>
                       <md-input-container class="md-block" flex="flex">
-                        <label><var:string label:value="Confirmation"/>
+                        <label class="input-login-label"><var:string label:value="Confirmation"/>
                         </label>
-                        <input type="password" name="newPasswordConfirmation" sg-no-dirty-check="true" ng-model="app.passwords.newPasswordConfirmation"/>
+                        <input class="input-login-input" type="password" name="newPasswordConfirmation" sg-no-dirty-check="true" ng-model="app.passwords.newPasswordConfirmation"/>
                         <div ng-messages="loginForm.newPasswordConfirmation.$error">
-                          <div ng-message="newPasswordMismatch"><var:string label:value="Passwords don't match"/></div>
+                          <div class="input-login-mismtach" ng-message="newPasswordMismatch"><var:string label:value="Passwords don't match"/></div>
                         </div>
                       </md-input-container>
                     </div>