From 209841d676adbb97ef3f672db306e319fcb32dd5 Mon Sep 17 00:00:00 2001
From: Edmel John Linaugo <68092712+EdmelKun@users.noreply.github.com>
Date: Thu, 7 Dec 2023 01:31:38 +0800
Subject: [PATCH] fix: realign save text and removed button shadow

---
 apps/expo/src/screens/create-question/ChoiceCard.tsx | 4 ++--
 apps/expo/src/screens/edit-personal-info.tsx         | 6 +++---
 apps/expo/src/screens/play-test/TestCard.tsx         | 4 ++--
 apps/expo/src/screens/test-history/index.tsx         | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/expo/src/screens/create-question/ChoiceCard.tsx b/apps/expo/src/screens/create-question/ChoiceCard.tsx
index bddc7b3..7438eba 100644
--- a/apps/expo/src/screens/create-question/ChoiceCard.tsx
+++ b/apps/expo/src/screens/create-question/ChoiceCard.tsx
@@ -661,7 +661,7 @@ export const IdentificationCards = ({
           </View>
         ))}
 
-      <View className="w-[90%]">
+      <View className="w-[50%] self-center">
         <AppButton
           text="Add Choice"
           buttonColor="violet-600"
@@ -669,7 +669,7 @@ export const IdentificationCards = ({
           borderRadius="full"
           fontStyle="bold"
           textColor="white"
-          TOwidth="[45%]"
+          TOwidth="full"
           Vwidth="full"
           Vheight="12"
           onPress={addChoice}
diff --git a/apps/expo/src/screens/edit-personal-info.tsx b/apps/expo/src/screens/edit-personal-info.tsx
index 63edf44..088dde8 100644
--- a/apps/expo/src/screens/edit-personal-info.tsx
+++ b/apps/expo/src/screens/edit-personal-info.tsx
@@ -307,7 +307,7 @@ export const EditPersonalInfoScreen = () => {
           </View>
 
           {edit ? (
-            <View className="mt-24">
+            <View className="mt-auto w-[50%] self-center">
               <AppButton
                 text="Save"
                 buttonColor="violet-600"
@@ -315,9 +315,9 @@ export const EditPersonalInfoScreen = () => {
                 borderRadius="full"
                 fontStyle="bold"
                 textColor="white"
-                TOwidth="[50%]"
+                TOwidth="full"
                 Vwidth="full"
-                Vheight="16"
+                Vheight="12"
                 onPress={handleSubmit(submitEditedData)}
                 isLoading={isEditingUser}
               />
diff --git a/apps/expo/src/screens/play-test/TestCard.tsx b/apps/expo/src/screens/play-test/TestCard.tsx
index 2414818..ffd4101 100644
--- a/apps/expo/src/screens/play-test/TestCard.tsx
+++ b/apps/expo/src/screens/play-test/TestCard.tsx
@@ -137,7 +137,7 @@ export const IdentificationCard = ({
       <TextInput
         multiline={true}
         maxLength={75}
-        className="mx-5 my-8 h-[15%] flex-col items-center justify-center rounded-2xl border-b-2 bg-emerald-500 p-2 text-center text-lg font-bold leading-[28.80px] text-white"
+        className="mx-5 my-8 h-[15%] flex-col items-center justify-center rounded-2xl bg-emerald-500 p-2 text-center text-lg font-bold leading-[28.80px] text-white"
         selectionColor="white"
         value={answer}
         onChangeText={setAnswer}
@@ -155,7 +155,7 @@ export const IdentificationCard = ({
             {choices?.map((choice) => (
               <View
                 key={choice.id}
-                className={`inline-flex h-[50px] w-[85%] flex-col items-center justify-center rounded-2xl border-b-4 ${choice.styles}`}
+                className={`inline-flex h-[50px] w-[85%] flex-col items-center justify-center rounded-2xl ${choice.styles}`}
               >
                 <Text className="font-nunito-extrabold self-stretch text-center text-sm font-bold leading-[28.80px] text-white">
                   {choice.text}
diff --git a/apps/expo/src/screens/test-history/index.tsx b/apps/expo/src/screens/test-history/index.tsx
index 96a990a..75e0728 100644
--- a/apps/expo/src/screens/test-history/index.tsx
+++ b/apps/expo/src/screens/test-history/index.tsx
@@ -111,7 +111,7 @@ export const TestHistoryScreen: FC<TestHistoryProps> = ({
             textColor="white"
             TOwidth="full"
             Vwidth="full"
-            Vheight="10"
+            Vheight="12"
             onPress={goToScoreBoard}
             isLoading={isFetchingUser}
           />