Replacing app center

components/Markdown.jsx

@@ -66,20 +66,25 @@ export default function Markdown({children}) {
                     )
                 },
                 img: ({src, alt, ...props}) => (<img src={src} alt={alt} style={{width: "100%"}} {...props}/>),
-                table: ({children}) => (<Table tableStyle='solid-borders'
-                                               style={{
-                                                   'borderCollapse': 'collapse',
-                                                   'marginBottom': '5%',
-                                                   'marginLeft': '5%',
-                                                   'marginRight': '5%',
-                                                   'fontSize': '18px'
-                                               }}
-                                               align='center'>{children}</Table>),
-                thead: ({children}) => (<Table.Thead style={{'color': 'black'}}>{children}</Table.Thead>),
-                tbody: ({children}) => (<Table.Tbody>{children}</Table.Tbody>),
-                tr: ({children}) => (<Table.Row style={{'borderBottom': '1px solid #000'}}>{children}</Table.Row>),
-                td: ({children}) => (<Table.Cell>{children}</Table.Cell>),
-                th: ({children}) => (<Table.Cell>{children}</Table.Cell>),
+                table: ({children, className}) => {
+                    return (
+                        <Table tableStyle='solid-borders' className={className}
+                            style={{
+                                'borderCollapse': 'collapse',
+                                'marginBottom': '5%',
+                                'marginLeft': '5%',
+                                'marginRight': '5%',
+                                'fontSize': '18px'
+                            }}
+                            align='center'>{children}
+                        </Table>
+                    );
+                },
+                thead: ({children, style}) => (<Table.Thead style={{'color': 'black', ...style}}>{children}</Table.Thead>),
+                tbody: ({children, style}) => (<Table.Tbody style={style}>{children}</Table.Tbody>),
+                tr: ({children, style}) => (<Table.Row style={{'borderBottom': '1px solid #000', ...style}}>{children}</Table.Row>),
+                td: ({children, style}) => (<Table.Cell style={style}>{children}</Table.Cell>),
+                th: ({children, style}) => (<Table.Cell style={style}>{children}</Table.Cell>),
 
             }}
         />

pages/styles.css

@@ -18,4 +18,9 @@ body > div {
 
 .Card-module__Card .Card-module__content {
   padding: 30px 0;
+}
+.Text-module__u-font-body {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  margin: 0.5rem;
 }