Making comment, post, and message preview a card. Fixes #817

diff --git a/ui/src/components/comment-form.tsx b/ui/src/components/comment-form.tsx
index d6641a79fc75ea4aed1fe38fe08ae47e509fafc4..591bbf1b21c95c9b8136f93d03243c51e5f81412 100644 (file)
--- a/ui/src/components/comment-form.tsx
+++ b/ui/src/components/comment-form.tsx
@@ -138,7 +138,7 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
               />
               {this.state.previewMode && (
                 <div
-                  className="md-div"
+                  className="card card-body md-div"
                   dangerouslySetInnerHTML={mdToHtml(
                     this.state.commentForm.content
                   )}

diff --git a/ui/src/components/post-form.tsx b/ui/src/components/post-form.tsx
index d424538bdf7e451a98af85b4b1d35c2ef395895f..6840c2d48ba7504d2497986586677512d46a49e5 100644 (file)
--- a/ui/src/components/post-form.tsx
+++ b/ui/src/components/post-form.tsx
@@ -284,7 +284,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
               />
               {this.state.previewMode && (
                 <div
-                  className="md-div"
+                  className="card card-body md-div"
                   dangerouslySetInnerHTML={mdToHtml(this.state.postForm.body)}
                 />
               )}

diff --git a/ui/src/components/private-message-form.tsx b/ui/src/components/private-message-form.tsx
index 7667f5a11f46b7f00aa59728913eb60512f79170..6ad7de779a598d3ca64e1546779ffca265f2974f 100644 (file)
--- a/ui/src/components/private-message-form.tsx
+++ b/ui/src/components/private-message-form.tsx
@@ -154,7 +154,7 @@ export class PrivateMessageForm extends Component<
               />
               {this.state.previewMode && (
                 <div
-                  className="md-div"
+                  className="card card-body md-div"
                   dangerouslySetInnerHTML={mdToHtml(
                     this.state.privateMessageForm.content
                   )}