fixed styling in default renderFunctions and style

Author: mientjan

lib/defaultRenderFunctions.js

@@ -138,7 +138,7 @@ const defaultRenderFunctions = {
     if (AstRenderer.hasParents(parents, 'ul')) {
       return (
         <View key={AstRenderer.getUniqueID()} style={markdownStyles.listUnorderedItem}>
-          <Text style={{ marginLeft: -10, marginRight: 10, lineHeight: 40 }}>
+          <Text style={markdownStyles.listUnorderedItemIcon}>
             {'\u00B7'}
           </Text>
           <View style={[markdownStyles.listItem]}>
@@ -151,8 +151,8 @@ const defaultRenderFunctions = {
     if (AstRenderer.hasParents(parents, 'ol')) {
       return (
         <View key={AstRenderer.getUniqueID()} style={markdownStyles.listOrderedItem}>
-          <Text style={{ width: 20, lineHeight: 40 }}>
-            {node.index + 1}
+          <Text style={markdownStyles.listOrderedItemIcon}>
+            {node.index + 1} !
           </Text>
           <View style={[markdownStyles.listItem]}>
             {children}

lib/style.js

@@ -51,13 +51,18 @@ export const markdownStyles = StyleSheet.create({
   listUnorderedItem: {
     flexDirection: 'row',
   },
+
+  listUnorderedItemIcon: { marginLeft: 10, marginRight: 10, lineHeight: 40 },
   listUnorderedItemText: {
     fontSize: 20,
     lineHeight: 20,
   },
 
   listOrdered: {},
-  listOrderedItem: {},
+  listOrderedItem: {
+    flexDirection: 'row',
+  },
+  listOrderedItemIcon: { marginLeft: 10, marginRight: 10, lineHeight: 40 },
   listOrderedItemText: {
     fontWeight: 'bold',
     lineHeight: 20,
@@ -85,8 +90,7 @@ export const markdownStyles = StyleSheet.create({
   },
   tableHeaderCell: {
     flex: 1,
-    color: '#000000',
-    fontWeight: 'bold',
+    // color: '#000000',
     padding: 5,
     // backgroundColor: 'green',
   },