Merge pull request #47 from CAAPIM/DE530873

[DE530873] markdown editor table style issue fixes

Author: ps0002

packages/layer7-apihub/src/documentation/Documentation/DocumentView.js

@@ -74,6 +74,34 @@ const useStyles = makeStyles(
     theme => ({
         markdown: {
             padding: theme.spacing(2),
+            '& code': {
+                whiteSpace: 'pre-wrap',
+            },
+            '& table': {
+                fontSize: '14px',
+                lineHeight: '1.7',
+                maxWidth: '100%',
+                overflow: 'auto',
+                border: '1px solid #f6f6f6',
+                borderCollapse: 'collapse',
+                borderSpacing: 0,
+                boxSizing: 'border-box',
+            },
+            '& table th': {
+                textAlign: 'center',
+                fontWeight: 700,
+                border: '1px solid #efefef',
+                padding: '10px 6px',
+                backgroundColor: '#f5f7fa',
+                wordBreak: 'break-word',
+            },
+            '& table td': {
+                border: '1px solid #efefef',
+                textAlign: 'left',
+                padding: '10px 15px',
+                wordBreak: 'break-word',
+                minWidth: '60px',
+            },
         },
     }),
     {

packages/layer7-apihub/src/ui/Markdown/MarkdownInput.js

@@ -59,6 +59,9 @@ const useStyles = makeStyles(
                 width: '100%',
                 height: '40vh',
             },
+            '& code': {
+                whiteSpace: 'pre-wrap',
+            },
         },
     },
     {