From bc517e2391918387cd8c832eba5300381a5c1385 Mon Sep 17 00:00:00 2001
From: Gitanjli <96485413+gitanjli525@users.noreply.github.com>
Date: Tue, 27 Feb 2024 13:28:07 +0530
Subject: [PATCH] feat: enable label clickling (#437)

Co-authored-by: Pritish Budhiraja <1805317@kiit.ac.in>
---
 .../Connectors/ConnectorUIUtils/PaymentMethod.res  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res b/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res
index 2e62960b6..197becf00 100644
--- a/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res
+++ b/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res
@@ -150,7 +150,7 @@ module CardRenderer = {
         {provider
         ->Array.mapWithIndex((value, i) => {
           <div key={i->Int.toString}>
-            <div className="flex items-center gap-2 break-words">
+            <div className="flex">
               <AddDataAttributes
                 attributes=[
                   (
@@ -161,13 +161,15 @@ module CardRenderer = {
                       ->String.toLowerCase}`,
                   ),
                 ]>
-                <div onClick={_e => removeOrAddMethods(value)}>
-                  <CheckBoxIcon isSelected={isSelected(value)} />
+                <div className="flex items-center gap-2">
+                  <div onClick={_ => removeOrAddMethods(value)}>
+                    <CheckBoxIcon isSelected={isSelected(value)} />
+                  </div>
+                  <p className=p2RegularTextStyle onClick={_ => removeOrAddMethods(value)}>
+                    {React.string(value.payment_method_type->snakeToTitle)}
+                  </p>
                 </div>
               </AddDataAttributes>
-              <p className=p2RegularTextStyle>
-                {React.string(value.payment_method_type->snakeToTitle)}
-              </p>
             </div>
           </div>
         })