From 1b904dafd69ddc1c4aa4ee73d6f137984503724a Mon Sep 17 00:00:00 2001
From: "Mac\\David" <david.hui@2fi-solutions.com.hk>
Date: Fri, 30 Aug 2024 16:30:02 +0800
Subject: [PATCH] radio button move up

---
 .../ProjectFinancialCard.tsx                      | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx b/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx
index 2c7961b..15c768f 100644
--- a/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx
+++ b/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx
@@ -87,16 +87,17 @@ const ProjectFinancialCard: React.FC<Props> = ({
         className="text-xl mt-2 font-medium inline-block"
         style={{ width: "100%", textAlign: "center", color: "#898d8d" }}
       >
-        {Title !== t("All Team") ?
-         <div className="ml-10 inline-block">{Title}</div>
+        {ClickedIndex === Index ? 
+        <div className="w-full" style={{ overflow: 'hidden' }}>
+        <div className=" float-right mt-1 mr-5 text-gray-500"><RadioButtonCheckedIcon /></div></div>
         :
-         <div className="ml-10 inline-block mb-7">{Title}</div>
+        <div className="w-full" style={{ overflow: 'hidden' }}>
+        <div className=" float-right mt-1 mr-5 text-gray-400"><RadioButtonUncheckedIcon /></div></div>
         }
-       
-        {ClickedIndex === Index ? 
-        <div className="inline-block float-right mt-1 mr-5 text-gray-500"><RadioButtonCheckedIcon /></div>
+        {Title !== t("All Team") ?
+         <div className="mb-2">{Title}</div>
         :
-        <div className="inline-block float-right mt-1 mr-5 text-gray-400"><RadioButtonUncheckedIcon /></div>
+         <div className="mb-9">{Title}</div>
         }
         
       </div>