From 4bb2939f193009557ed63bf63f0a2deac8e6f915 Mon Sep 17 00:00:00 2001
From: KingPleather <59103042+KingPleather@users.noreply.github.com>
Date: Sat, 24 Aug 2024 18:03:11 -0700
Subject: [PATCH] Fix rounded volunteer opportunity border on Android (#76)

---
 src/components/VolunteerOpportunity.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/VolunteerOpportunity.js b/src/components/VolunteerOpportunity.js
index 52245da..ea88690 100644
--- a/src/components/VolunteerOpportunity.js
+++ b/src/components/VolunteerOpportunity.js
@@ -1,4 +1,11 @@
-import { View, Text, StyleSheet, Image, Pressable } from "react-native";
+import {
+  View,
+  Text,
+  StyleSheet,
+  Image,
+  Pressable,
+  Platform,
+} from "react-native";
 import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
 import SimpleLineIcons from "@expo/vector-icons/SimpleLineIcons";
 import FontAwesome from "@expo/vector-icons/FontAwesome";
@@ -77,8 +84,8 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "space-between",
     backgroundColor: "#f5f5f5",
-    borderTopRightRadius: 50,
-    borderBottomRightRadius: 50,
+    borderTopRightRadius: Platform.OS == "ios" ? 50 : 300,
+    borderBottomRightRadius: Platform.OS == "ios" ? 50 : 300,
     borderBottomLeftRadius: 1000,
     borderTopLeftRadius: 1000,
     borderColor: "#e0e0e0",