MOSIP-34168: Fixed the Allignment issue when logged in french/arabic …

…language in Authentication pages (#708) Signed-off-by: Anil_Kumar_Majji <[email protected]>
mosip · Aug 21, 2024 · 44f0528 · 44f0528
1 parent 708c2e3
commit 44f0528
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/ApiKeysList.js b/pmp-reactjs-ui/src/pages/authenticationServices/ApiKeysList.js
@@ -245,7 +245,7 @@ function ApiKeysList() {
                                                 <tr>
                                                     {tableHeaders.map((header, index) => {
                                                         return (
-                                                            <th key={index} className={`py-4 px-2 text-xs text-[#6F6E6E] lg:w-[14%]`}>
+                                                            <th key={index} className={`py-4 ${isLoginLanguageRTL ? `${header.id === "status" ?'pr-2':'pr-1'}` :`pl-1.5`} text-xs text-[#6F6E6E] lg:w-[14%]`}>
                                                                 <div className={`flex gap-x-1 items-center font-semibold ${header.id === "action" && 'justify-center'}`}>
                                                                     {t(header.headerNameKey)}
                                                                     {(header.id !== "action") && (header.id !== "apiKeyReqID") && (

diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/OidcClientsList.js b/pmp-reactjs-ui/src/pages/authenticationServices/OidcClientsList.js
@@ -275,7 +275,7 @@ function OidcClientsList() {
                                                 <tr>
                                                     {tableHeaders.map((header, index) => {
                                                         return (
-                                                            <th key={index} className={`py-4 px-2 text-xs text-[#6F6E6E] lg:w-[14%]  ${header.id === "status" && '!w-[10%]'} ${header.id === "oidcClientId" && '!w-[10%]'}`}>
+                                                            <th key={index} className={`py-4 ${isLoginLanguageRTL ? `${header.id === "status" ?'pr-3':'pr-1'}` :`${header.id === "status" ?'pl-2':'pl-1'}`} text-xs text-[#6F6E6E] lg:w-[14%]  ${header.id === "status" && '!w-[10%]'} ${header.id === "oidcClientId" && '!w-[10%]'}`}>
                                                                 <div className={`flex items-center gap-x-1 font-semibold  ${header.id === "oidcClientId" && 'justify-center'} ${header.id === "action" && 'justify-center'}`}>
                                                                     {t(header.headerNameKey)}
                                                                     {(header.id !== "action") && (header.id !== "oidcClientId") && (