debugging

mobile/components/OModal/OModal.tsx

@@ -1,5 +1,12 @@
 import React from "react";
-import { Modal, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import {
+    Modal,
+    Platform,
+    StyleSheet,
+    Text,
+    TouchableOpacity,
+    View,
+} from "react-native";
 
 interface OModalProps {
     showModal: boolean;
@@ -14,6 +21,9 @@ export const OModal = ({ showModal, setShowModal, text }: OModalProps) => {
             visible={showModal}
             onRequestClose={() => setShowModal(false)}
             animationType="fade"
+            statusBarTranslucent={Platform.OS === "android"}
+            hardwareAccelerated={Platform.OS === "android"}
+            presentationStyle="overFullScreen"
         >
             <TouchableOpacity
                 style={styles.modalOverlay}
@@ -42,6 +52,9 @@ const styles = StyleSheet.create({
         width: "80%",
         maxWidth: 300,
     },
+    androidShadow: {
+        elevation: 5,
+    },
     modalText: {
         fontSize: 16,
         textAlign: "center",

mobile/screens/main/Encounters.tsx

@@ -12,7 +12,7 @@ import { get3MonthsBefore } from "@/utils/date.utils";
 import { BottomTabScreenProps } from "@react-navigation/bottom-tabs";
 import * as React from "react";
 import { useState } from "react";
-import { StyleSheet, Text, View } from "react-native";
+import { Platform, StyleSheet, Text, View } from "react-native";
 
 const Encounters = ({
     navigation,
@@ -94,11 +94,12 @@ const styles = StyleSheet.create({
     },
     container: {
         flex: 1,
+        height: "100%",
     },
     dateRangeContainer: {
         flexDirection: "row",
         alignItems: "center",
-        marginBottom: 30,
+        marginBottom: Platform.OS === "ios" ? 15 : 8,
     },
     dateContainer: {
         flex: 1,