From caf33e1492b9741f65a9047963c512d086d2f2bc Mon Sep 17 00:00:00 2001 From: SwethaKrish4 <110164892+SwethaKrish4@users.noreply.github.com> Date: Thu, 17 Oct 2024 12:52:45 +0530 Subject: [PATCH] MOSIP-36114: Fixed dropdown alignment issue (#844) * MOSIP-36114: Fixed dropdown alignment issue Signed-off-by: SwethaKrish4 <110164892+SwethaKrish4@users.noreply.github.com> * MOSIP-36114: Fixed dropdown alignment issue Signed-off-by: SwethaKrish4 <110164892+SwethaKrish4@users.noreply.github.com> * MOSIP-36114: Fixed dropdown alignment issue Signed-off-by: SwethaKrish4 <110164892+SwethaKrish4@users.noreply.github.com> --------- Signed-off-by: SwethaKrish4 <110164892+SwethaKrish4@users.noreply.github.com> --- .../src/pages/admin/certificates/UploadRootTrustCertificate.js | 3 ++- pmp-reactjs-ui/src/pages/common/fields/DropdownComponent.js | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/pmp-reactjs-ui/src/pages/admin/certificates/UploadRootTrustCertificate.js b/pmp-reactjs-ui/src/pages/admin/certificates/UploadRootTrustCertificate.js index c00280c7..6aaf50a1 100644 --- 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() { )}
- + <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 index 76ab099d..3d23ddc3 100644 --- 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 && (