MOSIP-36114: Fixed dropdown alignment issue (#844)

* MOSIP-36114: Fixed dropdown alignment issue Signed-off-by: SwethaKrish4 <[email protected]> * MOSIP-36114: Fixed dropdown alignment issue Signed-off-by: SwethaKrish4 <[email protected]> * MOSIP-36114: Fixed dropdown alignment issue Signed-off-by: SwethaKrish4 <[email protected]> --------- Signed-off-by: SwethaKrish4 <[email protected]>
mosip · Oct 17, 2024 · caf33e1 · caf33e1
1 parent 0ec1026
commit caf33e1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/pmp-reactjs-ui/src/pages/admin/certificates/UploadRootTrustCertificate.js b/pmp-reactjs-ui/src/pages/admin/certificates/UploadRootTrustCertificate.js
@@ -117,6 +117,7 @@ function UploadRootTrustCertificate() {
     };
 
     const uploadCertificateDropdownStyle = {
+        outerDiv: "!ml-0",
         dropdownButton: "!text-light-grat !w-[23rem] !h-[2.6rem] !text-base",
         dropdownLabel: "!text-sm"
     }
@@ -137,7 +138,7 @@ function UploadRootTrustCertificate() {
                     )}
                     <div className="flex-col mt-7">
                         <div className="flex justify-between">
-                            <Title title="uploadRootofTrustCertificate.uploadRootofTrustCertificate" backLink="/partnermanagement" subTitle='viewRootOfTrustCertificate.viewRootOfTrustCertificate' backLink2="/partnermanagement/admin/certificates/rootTrustCertificateList" styleSet={style} />
+                            <Title title="uploadRootofTrustCertificate.uploadRootofTrustCertificate" subTitle='viewRootOfTrustCertificate.viewRootOfTrustCertificate' backLink="/partnermanagement/admin/certificates/rootTrustCertificateList" />
                         </div>
                         <div className="flex-col justify-center mt-3 h-full">
                             {!uploadSuccess ?

diff --git a/pmp-reactjs-ui/src/pages/common/fields/DropdownComponent.js b/pmp-reactjs-ui/src/pages/common/fields/DropdownComponent.js
@@ -39,7 +39,7 @@ function DropdownComponent({ fieldName, dropdownDataList, onDropDownChangeEvent,
     };
 
     return (
-        <div key={fieldName} className={`mb-2 ${(styleSet && styleSet.outerDiv) ? styleSet.outerDiv : ''}`}>
+        <div key={fieldName} className={`ml-4 mb-2 ${(styleSet && styleSet.outerDiv) ? styleSet.outerDiv : ''}`}>
             <label className={`flex items-center text-dark-blue text-sm mb-2 ${(styleSet && styleSet.dropdownLabel) ? styleSet.dropdownLabel : ''} ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
                 <p className={`font-semibold`}>{t(fieldNameKey)}{containsAsterisk && <span className={`text-crimson-red mx-1`}>*</span>}</p>
                 {addInfoIcon && (