Adjust markdown styles

Author: chrisglein

src/AiResponse.tsx

@@ -6,6 +6,7 @@ import {
   Image,
   Linking,
   Pressable,
+  StyleSheet,
   Text,
   View,
 } from 'react-native';
@@ -74,10 +75,37 @@ function AiTextResponse({text}: AiTextResponseProps): JSX.Element {
           content={node.content}/>
         )
       },
-    }
+  }
+
+  const styles = StyleSheet.create({
+    listItem: {
+      // Removing these because they break the rendering of list items
+      // flex: 1,
+      // flexWrap: 'wrap',
+    },
+    paragraph: {
+      marginTop: 0, // Removing the 10px here because they are being applied to list items too
+      marginBottom: 0, // Removing the 10px here because they are being applied to list items too
+      flexWrap: 'wrap',
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      justifyContent: 'flex-start',
+    },
+    listUnorderedItemIcon: {
+      marginLeft: 10,
+      marginRight: 10,
+      lineHeight: 20, // This is Platform.selected only on IOS/Android in https://github.com/mientjan/react-native-markdown-renderer/blob/master/src/lib/styles.js
+    },
+    listOrderedItemIcon: {
+      marginLeft: 10,
+      marginRight: 10,
+      lineHeight: 30, // This is Platform.selected only on IOS/Android in https://github.com/mientjan/react-native-markdown-renderer/blob/master/src/lib/styles.js
+    },
+
+  });
 
   return (
-    <Markdown rules={rules}>{text || ""}</Markdown>
+    <Markdown rules={rules} style={styles}>{text}</Markdown>
   );
 }