From aae515f08c71b5f6a33fc5d3ab60fae360386c5c Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Sat, 30 Mar 2019 17:21:50 -0700
Subject: [PATCH] Adding img-fluid to markdown images.

---
 ui/src/components/create-post.tsx | 4 ++--
 ui/src/main.css                   | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/create-post.tsx b/ui/src/components/create-post.tsx
index 2a39e96c6..6715e9d84 100644
--- a/ui/src/components/create-post.tsx
+++ b/ui/src/components/create-post.tsx
@@ -70,13 +70,13 @@ export class CreatePost extends Component<any, State> {
           <div class="form-group row">
             <label class="col-sm-2 col-form-label">Title</label>
             <div class="col-sm-10">
-              <textarea value={this.state.postForm.name} onInput={linkEvent(this, this.handlePostNameChange)} class="form-control" required rows="3" />
+              <textarea value={this.state.postForm.name} onInput={linkEvent(this, this.handlePostNameChange)} class="form-control" required rows={3} />
             </div>
           </div>
           <div class="form-group row">
             <label class="col-sm-2 col-form-label">Body</label>
             <div class="col-sm-10">
-              <textarea value={this.state.postForm.body} onInput={linkEvent(this, this.handlePostBodyChange)} class="form-control" rows="6" />
+              <textarea value={this.state.postForm.body} onInput={linkEvent(this, this.handlePostBodyChange)} class="form-control" rows={6} />
             </div>
           </div>
           <div class="form-group row">
diff --git a/ui/src/main.css b/ui/src/main.css
index 3e0dd44a7..ab875041e 100644
--- a/ui/src/main.css
+++ b/ui/src/main.css
@@ -27,3 +27,8 @@ body {
 .md-div p {
   margin-bottom: 0px;
 }
+
+.md-div img {
+  max-width: 100%;
+  height: auto;
+}