Display post preview before submitting support request

Summary:
The Markdown component wasn't rendering a single component, so I put it in a container.
Also added a margin bottom so it didn't look out of place. There's probably a nicer way to do that.

Reviewed By: mweststrate

Differential Revision: D18749381

fbshipit-source-id: ea7827dc7e6141fb0dbd5886356736da4b50f5dc

src/ui/components/Markdown.tsx

@@ -7,13 +7,15 @@
  * @format
  */
 
-import React, {PureComponent, RefObject} from 'react';
+import React, {PureComponent} from 'react';
 import styled from 'react-emotion';
 import ReactMarkdown from 'react-markdown';
-import ReactDOM from 'react-dom';
 import {colors} from './colors';
 import {shell} from 'electron';
 
+const Container = styled('div')({
+  padding: 10,
+});
 const Row = styled('div')({
   marginTop: 5,
   marginBottom: 5,
@@ -75,6 +77,7 @@ class LinkReference extends PureComponent<{href: string}> {
 
 export function Markdown(props: {source: string}) {
   return (
+    <Container>
       <ReactMarkdown
         source={props.source}
         renderers={{
@@ -90,5 +93,6 @@ export function Markdown(props: {source: string}) {
           linkReference: LinkReference,
         }}
       />
+    </Container>
   );
 }