MOSIP-38879: Fixed View API details page to aligned properly.

Signed-off-by: Anil_Kumar_Majji <106086523+Anil-kumar-Majji@users.noreply.github.com>
mosip · Jan 15, 2025 · add5f32 · add5f32
1 parent 895f8d0
commit add5f32
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js
@@ -86,7 +86,7 @@ function ViewAdminSbiDetails() {
                                         {sbiDetails.partnerId}
                                     </p>
                                 </div>
-                                <div className={`mb-4 max-[600px]:w-full w-[37rem]`}>
+                                <div className={`mb-4 max-[600px]:w-full w-[38rem]`}>
                                     <p className="font-[600] text-suva-gray text-sm">
                                         {t("viewPolicyRequest.partnerType")}
                                     </p>
@@ -102,7 +102,7 @@ function ViewAdminSbiDetails() {
                                         {sbiDetails.orgName}
                                     </p>
                                 </div>
-                                <div className={`mb-4 max-[600px]:w-full w-[37rem]`}>
+                                <div className={`mb-4 max-[600px]:w-full w-[38rem]`}>
                                     <p className="font-[600] text-suva-gray text-sm">
                                         {t("sbiList.linkedDevices")}
                                     </p>
@@ -118,8 +118,8 @@ function ViewAdminSbiDetails() {
                                         {formatDate(sbiDetails.sbiCreatedDateTime, "date", false)}
                                     </p>
                                 </div>
-                                <div className={`mb-4 max-[600px]:w-full w-[37rem]`}>
-                                    <p className={`font-[600] text-sm`}>
+                                <div className={`mb-4 max-[600px]:w-full w-[38rem]`}>
+                                    <p className={`font-[600] text-suva-gray text-sm`}>
                                         {t("viewSbiDetails.sbiExpiryDate")}
                                     </p>
                                     <p className={`${(sbiDetails.sbiExpiryStatus === 'expired') ? 'text-crimson-red' : 'text-vulcan'} font-[600] text-md`}>

diff --git a/pmp-revamp-ui/src/pages/admin/ftmProviderServices/ViewAdminFtmChipDetails.js b/pmp-revamp-ui/src/pages/admin/ftmProviderServices/ViewAdminFtmChipDetails.js
@@ -138,15 +138,15 @@ function ViewAdminFtmChipDetails() {
                                         {ftmDetails.partnerId}
                                     </p>
                                 </div>
-                                <div className={`mb-3 max-[600px]:w-full w-[37rem]`}>
+                                <div className={`mb-3 max-[600px]:w-full w-[40rem]`}>
                                     <p className="font-[600] text-suva-gray text-sm">
                                         {t("viewPolicyRequest.partnerType")}
                                     </p>
                                     <p className="font-[600] text-vulcan text-md">
                                         {t("viewFtmChipDetails.ftmChipProvider")}
                                     </p>
                                 </div>
-                                <div className={`mb-3 max-[600px]:w-full w-[39rem]`}>
+                                <div className={`mb-2 max-[600px]:w-full w-[39rem]`}>
                                     <p className="font-[600] text-suva-gray text-sm">
                                         {t("sbiList.orgName")}
                                     </p>
@@ -164,7 +164,7 @@ function ViewAdminFtmChipDetails() {
                                         {ftmDetails.make}
                                     </p>
                                 </div>
-                                <div className={`mb-5 max-[600px]:w-full w-[37rem]`}>
+                                <div className={`mb-5 max-[600px]:w-full w-[40rem]`}>
                                     <p className="font-[600] text-suva-gray text-sm">
                                         {t("ftmList.model")}
                                     </p>

diff --git a/pmp-revamp-ui/src/pages/admin/policyRequests/ViewPolicyRequestDetails.js b/pmp-revamp-ui/src/pages/admin/policyRequests/ViewPolicyRequestDetails.js
@@ -62,15 +62,15 @@ function ViewPolicyRequestDetails() {
                     </div>
                     <div className={`${isLoginLanguageRTL ? "pr-8 ml-8" : "pl-8 mr-8"} pt-3 mb-2`}>
                         <div className="flex flex-wrap py-1 max-[450px]:flex-col justify-between">
-                            <div className={`mb-3 max-[600px]:w-full w-[37rem]`}>
+                            <div className={`max-[600px]:w-full w-[37rem]`}>
                                 <p className="font-[600] text-suva-gray text-sm">
                                     {t("viewPolicyRequest.partnerType")}
                                 </p>
                                 <p className="font-[600] text-vulcan text-md">
                                     {policyRequestDetails.partnerType}
                                 </p>
                             </div>
-                            <div className="w-[37rem] max-[600px]:w-full mb-3 px-2">
+                            <div className="w-[37rem] max-[600px]:w-full px-2">
                                 <p className="font-[600] text-suva-gray text-sm">
                                     {t("viewPolicyRequest.organisation")}
                                 </p>
@@ -89,7 +89,7 @@ function ViewPolicyRequestDetails() {
                                     {policyRequestDetails.policyId}
                                 </p>
                             </div>
-                            <div className={`w-[37rem] max-[600px]:w-full mb-3`}>
+                            <div className={`w-[36.5rem] max-[600px]:w-full`}>
                                 <p className="font-[600] text-suva-gray text-sm">
                                     {t("viewPolicyRequest.policyName")}
                                 </p>