uh

.env

@@ -1,2 +1,3 @@
 EXPO_PUBLIC_API_KEY=I_Love_Madeline
 EXPO_PUBLIC_BASE_URL=https://ismadelinethecutest.gibbyb.com/api
+#EXPO_PUBLIC_BASE_URL=http://192.168.0.39:3000/api

app/(tabs)/countdown.tsx

@@ -9,7 +9,6 @@ import ChangeDateDrawer from '@/components/ChangeDateDrawer';
 const API_KEY = process.env.EXPO_PUBLIC_API_KEY;
 const BASE_URL = process.env.EXPO_PUBLIC_BASE_URL;
 
-
 // Separate API call function
 const fetchCountdownDate = async () => {
   try {
@@ -87,10 +86,10 @@ export default function TabTwoScreen() {
       </ThemedView>
     );
   }
-  let days = countdown.days <= 1 ? 'Day' : 'Days';
-  let hours = countdown.hours <= 1 ? 'Hour' : 'Hours';
-  let minutes = countdown.minutes <= 1 ? 'Minute' : 'Minutes';
-  let seconds = countdown.seconds <= 1 ? 'Second' : 'Seconds';
+  let days = countdown.days === 1 ? 'Day' : 'Days';
+  let hours = countdown.hours === 1 ? 'Hour' : 'Hours';
+  let minutes = countdown.minutes === 1 ? 'Minute' : 'Minutes';
+  let seconds = countdown.seconds === 1 ? 'Second' : 'Seconds';
 
   return (
     <LinearGradient
@@ -142,7 +141,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'transparent',
   },
   title: {
-    fontSize: 56,
+    fontSize: 64,
     lineHeight: 64,
     fontWeight: 'bold',
     marginTop: 100,

components/ChangeDateDrawer.tsx

@@ -126,17 +126,19 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     backgroundColor: 'transparent',
     marginRight: 10,
+    minWidth: 120,
   },
   timeContainer: {
     width: '50%',
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: 'transparent',
+    minWidth: 120,
   },
   button: {
     backgroundColor: '#730FF8',
-    borderRadius: 20,
-    padding: 10,
+    borderRadius: 12,
+    padding: 12,
     elevation: 2,
     marginVertical: 10,
     minWidth: 120,
@@ -147,14 +149,16 @@ const styles = StyleSheet.create({
   },
   buttonText: {
     color: 'white',
+    fontSize: 20,
     fontWeight: 'bold',
     textAlign: 'center',
   },
   modalText: {
-    marginBottom: 15,
+    marginBottom: 20,
     textAlign: 'center',
     fontWeight: 'bold',
-    fontSize: 18,
+    fontSize: 24,
+    lineHeight: 32,
   },
   dateText: {
     marginVertical: 10,