From ad5d0e86cd8ea9670be57425daa677ccf867250d Mon Sep 17 00:00:00 2001
From: Paolo Vincent Julian <paolo.julian@accelo.com>
Date: Sun, 28 Jul 2024 22:13:40 +0800
Subject: [PATCH] fix: inconsistent UI

---
 app/add.tsx                                        | 14 +++++++-------
 components/common/BentoCard/ItemValueBentoCard.tsx |  2 +-
 components/common/ThemedText/ThemedText.tsx        |  7 ++++---
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/app/add.tsx b/app/add.tsx
index 47413b1..be8ba7f 100644
--- a/app/add.tsx
+++ b/app/add.tsx
@@ -37,11 +37,11 @@ export default function AddScreen() {
   };
 
   return (
-    <AppSafeAreaView>
-      <KeyboardAvoidingView
-        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-        style={styles.container}
-      >
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      style={styles.container}
+    >
+      <AppSafeAreaView edges={['top']}>
         <ThemedView style={styles.main}>
           <Container>
             <ThemedView style={styles.header}>
@@ -63,8 +63,8 @@ export default function AddScreen() {
             <AddFactory type={selectedItem} />
           </ThemedView>
         </ThemedView>
-      </KeyboardAvoidingView>
-    </AppSafeAreaView>
+      </AppSafeAreaView>
+    </KeyboardAvoidingView>
   );
 }
 
diff --git a/components/common/BentoCard/ItemValueBentoCard.tsx b/components/common/BentoCard/ItemValueBentoCard.tsx
index 2351295..9fd9fe7 100644
--- a/components/common/BentoCard/ItemValueBentoCard.tsx
+++ b/components/common/BentoCard/ItemValueBentoCard.tsx
@@ -15,7 +15,7 @@ function ItemValueBentoCard({ value, label }: ItemValueBentoCardProps) {
     typeof label === 'string' ? <ThemedText variant="body">{label}</ThemedText> : label;
   return (
     <BentoCard>
-      <Stack style={{ aspectRatio: '1/1', alignItems: 'center', justifyContent: 'space-between' }}>
+      <Stack style={{ aspectRatio: 1, alignItems: 'center', justifyContent: 'flex-end' }}>
         {ValueComponent}
         {LabelComponent}
       </Stack>
diff --git a/components/common/ThemedText/ThemedText.tsx b/components/common/ThemedText/ThemedText.tsx
index e35504c..201838c 100644
--- a/components/common/ThemedText/ThemedText.tsx
+++ b/components/common/ThemedText/ThemedText.tsx
@@ -33,21 +33,22 @@ export const themedTextStyles = StyleSheet.create({
     fontSize: 48,
     fontWeight: 800,
     fontFamily: 'PoppinsBold',
+    lineHeight: 56,
   },
   body: {
     fontSize: 14,
     fontFamily: 'PoppinsRegular',
-    lineHeight: 21,
+    lineHeight: 20,
   },
   body1: {
     fontSize: 16,
     fontFamily: 'PoppinsRegular',
-    lineHeight: 25,
+    lineHeight: 24,
   },
   body2: {
     fontSize: 16,
     fontWeight: 500,
     fontFamily: 'PoppinsMedium',
-    lineHeight: 25,
+    lineHeight: 24,
   },
 });