style: minor ui styling (#795)

juspay · Nov 14, 2024 · ece9689 · ece9689
1 parent d7480ab
commit ece9689
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 9 deletions.
diff --git a/src/Components/DynamicFields.res b/src/Components/DynamicFields.res
@@ -536,7 +536,6 @@ let make = (
           style={
             border: {isSpacedInnerLayout ? `1px solid ${themeObj.borderColor}` : ""},
             borderRadius: {isSpacedInnerLayout ? themeObj.borderRadius : ""},
-            margin: {isSpacedInnerLayout ? `10px 0` : ""},
           }>
           <div
             className="billing-details-text"

diff --git a/src/Payments/BankDebitModal.res b/src/Payments/BankDebitModal.res
@@ -199,12 +199,12 @@ let make = (~setModalData, ~paymentType: CardThemeType.mode) => {
   }
 
   let dynamicFieldsModalBody =
-    <>
+    <div className="flex flex-col item-center gap-5">
       <DynamicFields
         paymentType paymentMethod="bank_debit" paymentMethodType="sepa" setRequiredFieldsBody
       />
       <PayNowButton onClickHandler label="Done" />
-    </>
+    </div>
 
   let nonDynamicFieldsModalBody =
     <>

diff --git a/src/Payments/CardPayment.res b/src/Payments/CardPayment.res
@@ -217,8 +217,6 @@ let make = (
     options.displaySavedPaymentMethodsCheckbox &&
     !isBancontact
 
-  let nicknameFieldClassName = conditionsForShowingSaveCardCheckbox ? "pt-2" : "pt-5"
-
   let compressedLayoutStyleForCvcError =
     innerLayout === Compressed && cvcError->String.length > 0 ? "!border-l-0" : ""
 
@@ -334,16 +332,14 @@ let make = (
             isBancontact
           />
           <RenderIf condition={conditionsForShowingSaveCardCheckbox}>
-            <div className="pt-4 pb-2 flex items-center justify-start">
+            <div className="flex items-center justify-start">
               <SaveDetailsCheckbox
                 isChecked=isSaveCardsChecked setIsChecked=setIsSaveCardsChecked
               />
             </div>
           </RenderIf>
           <RenderIf condition={!options.hideCardNicknameField && isCustomerAcceptanceRequired}>
-            <div className={`pb-2 ${nicknameFieldClassName}`}>
-              <NicknamePaymentInput paymentType value=nickname setValue=setNickname />
-            </div>
+            <NicknamePaymentInput paymentType value=nickname setValue=setNickname />
           </RenderIf>
         </div>
       </div>