fix simple markdown and distinguish fromlive markdown

package.json

@@ -108,7 +108,7 @@
       "id": "simple-markdown-block",
       "title": "Markdown block",
       "description": "A simple markdown block",
-      "entry": "/src/blocks/file-blocks/markdown.tsx",
+      "entry": "/src/blocks/file-blocks/simple-markdown/markdown.tsx",
       "extensions": [
         "md"
       ]
@@ -118,7 +118,7 @@
       "id": "live-markdown-block",
       "title": "Live Markdown",
       "description": "View rich markdown files",
-      "entry": "/src/blocks/file-blocks/markdown/index.tsx",
+      "entry": "/src/blocks/file-blocks/live-markdown/index.tsx",
       "extensions": [
         "md"
       ]

src/blocks/file-blocks/markdown.tsx → src/blocks/file-blocks/simple-markdown/markdown.tsx

@@ -2,10 +2,12 @@ import { FileBlockProps } from '@githubnext/utils';
 import ReactMarkdown from 'react-markdown'
 import remarkGfm from 'remark-gfm'
 
+import './markdown.css';
+
 export default function (props: FileBlockProps) {
   const { content } = props;
 
   return (
-    <ReactMarkdown children={content} remarkPlugins={[remarkGfm]} />
+    <ReactMarkdown className="markdown-body" children={content} remarkPlugins={[remarkGfm]} />
   );
 }