From 42097ba4440f767316d4d9003b97c1d772a571ce Mon Sep 17 00:00:00 2001
From: ifirmawan <firmawaneiwan@gmail.com>
Date: Wed, 15 May 2024 19:40:26 +0700
Subject: [PATCH] [#1344] Update mobile card title width to prevent overlapping
 w/ submission_type label

---
 app/src/components/Card.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/src/components/Card.js b/app/src/components/Card.js
index 6cebd4fc6..50bb5cf5a 100644
--- a/app/src/components/Card.js
+++ b/app/src/components/Card.js
@@ -17,6 +17,7 @@ const Card = ({ title, subTitles, submissionType }) => {
     [SUBMISSION_TYPES.verification]: '#ca8a04',
     [SUBMISSION_TYPES.certification]: '#ea580c',
   };
+  const titleWidth = submissionType ? '70%' : '100%';
   return (
     <RneCard>
       {submissionType && (
@@ -45,7 +46,9 @@ const Card = ({ title, subTitles, submissionType }) => {
           </Text>
         </View>
       )}
-      {title && <RneCard.Title style={{ textAlign: 'left' }}>{title}</RneCard.Title>}
+      {title && (
+        <RneCard.Title style={{ textAlign: 'left', width: titleWidth }}>{title}</RneCard.Title>
+      )}
       {subTitles?.map((s, sx) => (
         <Text key={sx}>{s}</Text>
       ))}