From d7710478b63e9c7d1f73077922bb83b3ea145698 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Fri, 7 Jul 2023 15:37:05 +0800
Subject: [PATCH] Homepage and container improvements

---
 .../AnimatedContainer/AnimatedContainer.tsx    |  9 +--------
 src/routes/Home/Home.tsx                       | 18 +++++++++++-------
 src/styles.tsx                                 | 12 ++++--------
 3 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/src/components/AnimatedContainer/AnimatedContainer.tsx b/src/components/AnimatedContainer/AnimatedContainer.tsx
index 4c8667a..8f5960d 100644
--- a/src/components/AnimatedContainer/AnimatedContainer.tsx
+++ b/src/components/AnimatedContainer/AnimatedContainer.tsx
@@ -10,14 +10,7 @@ export interface props {
 export default function AnimatedContainer(props: props) {
   return (
     <MotiScrollView
-      contentContainerStyle={{
-        alignItems: "center",
-        alignSelf: "center",
-        justifyContent: "flex-start",
-        display: "flex",
-        flexDirection: "column",
-        flex: 1,
-      }}
+      contentContainerStyle={styles.container}
       from={{
         borderRadius: 0,
         backgroundColor: colors.orange_2,
diff --git a/src/routes/Home/Home.tsx b/src/routes/Home/Home.tsx
index f8f409a..e047d85 100644
--- a/src/routes/Home/Home.tsx
+++ b/src/routes/Home/Home.tsx
@@ -52,13 +52,17 @@ export default function Home() {
         return <MapView style={styles.map} initialRegion={ustpCoords} />;
       } else {
         return (
-          <Text style={styles.text_white_small}>
-            You must be within 1km of USTP to use Stud-E{"\n"}
-            {dist}km away from USTP {"\n"}
-            User Location:
-            {"\n"} Latitude {location.coords.latitude}
-            {"\n"} Longitude {location.coords.longitude}
-          </Text>
+          <View>
+            <Text style={styles.text_white_medium}>
+              You must be within 1km of USTP to use Stud-E{"\n"}
+            </Text>
+            <Text style={styles.text_white_small}>
+              {dist}km away from USTP {"\n"}
+              User Location:
+              {"\n"} Latitude {location.coords.latitude}
+              {"\n"} Longitude {location.coords.longitude}
+            </Text>
+          </View>
         );
       }
     } else {
diff --git a/src/styles.tsx b/src/styles.tsx
index e528322..31bc34a 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -35,18 +35,13 @@ const styles = StyleSheet.create({
     width: "100%",
   },
   container: {
-    flex: 1,
-    marginVertical: "5%",
-    width: "92%",
-    borderRadius: 15,
-    // backgroundColor: colors.blue_2,
     alignItems: "center",
     alignSelf: "center",
-    paddingTop: 32,
-    paddingBottom: 32,
-    justifyContent: "flex-start",
+    justifyContent: "center",
     display: "flex",
     flexDirection: "column",
+    flex: 1,
+    paddingHorizontal: 4,
   },
   flex_row: {
     display: "flex",
@@ -57,6 +52,7 @@ const styles = StyleSheet.create({
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
+    justifyContent: "center",
   },
   text_white_tiny: {
     color: colors.text_default,