From 39c8ef103966026f4d75fc1a4a4ad3f9cbb0117a Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Mon, 15 Mar 2021 18:52:27 -0400
Subject: adjusted header font size depending on length

---
 src/routes/main/MainStackScreen.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index 95d45d32..8f7556be 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -268,7 +268,14 @@ export const headerBarOptions: (
     />
   ),
   headerTitle: () => (
-    <Text style={[styles.headerTitle, {color: color}]}>{title}</Text>
+    <Text
+      style={[
+        styles.headerTitle,
+        {color: color},
+        {fontSize: title.length > 18 ? normalize(14) : normalize(16)},
+      ]}>
+      {title}
+    </Text>
   ),
 });
 
@@ -291,7 +298,6 @@ const styles = StyleSheet.create({
     marginLeft: 30,
   },
   headerTitle: {
-    fontSize: normalize(16),
     letterSpacing: normalize(1.3),
     fontWeight: '700',
   },
-- 
cgit v1.2.3-70-g09d2


From 9b1bf4d7e81583a34a6896c0f53890d78b71d06b Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Mon, 15 Mar 2021 18:52:47 -0400
Subject: button text align center and slightly taller

---
 src/components/common/GradientBorderButton.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/common/GradientBorderButton.tsx b/src/components/common/GradientBorderButton.tsx
index 00f46a96..32ac5c52 100644
--- a/src/components/common/GradientBorderButton.tsx
+++ b/src/components/common/GradientBorderButton.tsx
@@ -46,11 +46,12 @@ const styles = StyleSheet.create({
   },
   gradientContainer: {
     width: SCREEN_WIDTH / 2 - 40,
-    height: 40,
+    height: 43,
   },
   label: {
     fontWeight: '500',
     fontSize: normalize(14),
+    textAlign: 'center',
   },
   maskBorder: {
     borderRadius: 20,
@@ -58,7 +59,7 @@ const styles = StyleSheet.create({
   textContainer: {
     position: 'absolute',
     width: SCREEN_WIDTH / 2 - 40,
-    height: 40,
+    height: 43,
     justifyContent: 'center',
     alignItems: 'center',
   },
-- 
cgit v1.2.3-70-g09d2


From d85970faea11ae95405e96ec8b486ccb5144034d Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 16 Mar 2021 13:29:38 -0400
Subject: drop shadow on backbutton

---
 src/routes/main/MainStackScreen.tsx | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'src')

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index 8f7556be..fee2f5da 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -296,6 +296,10 @@ export const modalStyle: StackNavigationOptions = {
 const styles = StyleSheet.create({
   backButton: {
     marginLeft: 30,
+    shadowColor: 'black',
+    shadowRadius: 3,
+    shadowOpacity: 0.7,
+    shadowOffset: {width: 0, height: 0},
   },
   headerTitle: {
     letterSpacing: normalize(1.3),
-- 
cgit v1.2.3-70-g09d2


From 52382c57257a4d0a03742c9ff07eb3f458385527 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 16 Mar 2021 13:47:59 -0400
Subject: only shadow white

---
 src/routes/main/MainStackScreen.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index fee2f5da..35c306e5 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -264,7 +264,10 @@ export const headerBarOptions: (
       height={normalize(18)}
       width={normalize(18)}
       color={color}
-      style={styles.backButton}
+      style={[
+        styles.backButton,
+        color === 'white' ? styles.backButtonShadow : {},
+      ]}
     />
   ),
   headerTitle: () => (
@@ -296,6 +299,8 @@ export const modalStyle: StackNavigationOptions = {
 const styles = StyleSheet.create({
   backButton: {
     marginLeft: 30,
+  },
+  backButtonShadow: {
     shadowColor: 'black',
     shadowRadius: 3,
     shadowOpacity: 0.7,
-- 
cgit v1.2.3-70-g09d2