Increased Touchable Area

src/screens/caseDetails/feedback/FeedbackDetailItem.tsx

@@ -336,6 +336,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     marginTop: 0,
+    marginLeft: -15,
   },
   bullet: {
     color: COLORS.TEXT.GREY_1,
@@ -343,6 +344,9 @@ const styles = StyleSheet.create({
   BtnPadding: {
     paddingTop: 8,
     paddingBottom: 8,
+    borderRightWidth: 20,
+    borderLeftWidth: 20,
+    borderColor: COLORS.TEXT.WHITE,
   },
   addressItem: {
     paddingHorizontal: 0,

src/screens/caseDetails/feedback/FeedbackListItem.tsx

@@ -183,7 +183,7 @@ _${sanitizeString(dateFormat(new Date(feedbackItem?.createdAt), 'DD MMM, YYYY |
   const throttledSendToWhatsapp = React.useRef(debounce(sendToWhatsapp, 500));
 
   return (
-    <View style={[GenericStyles.ph24]}>
+    <View style={[GenericStyles.ph16]}>
       <TouchableOpacity
         activeOpacity={0.7}
         onPress={() => handleRouting(PageRouteEnum.PAST_FEEDBACK_DETAIL)}
@@ -247,13 +247,19 @@ const styles = StyleSheet.create({
   },
   feedBox: {
     flexBasis: '90%',
-    paddingBottom: 0,
   },
   textBox: {
+    marginLeft: 10,
     marginTop: 5,
   },
   ShareButton: {
-    marginTop: 5,
+    width: 75,
+    height: 35,
+    borderRadius: 4,
+    padding: 5,
+    justifyContent: 'flex-start',
+    borderLeftWidth: 5,
+    borderColor: COLORS.TEXT.WHITE,
   },
 });