From 9f3af631f8d2b6b7816e16b7e53cd7f94f9d1b37 Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Sun, 10 Feb 2019 16:53:56 +0300
Subject: [PATCH] better document view

---
 frontend/src/Documents/Docs.scss        | 12 +++++++-----
 frontend/src/Documents/DocumentView.tsx |  4 +++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Documents/Docs.scss b/frontend/src/Documents/Docs.scss
index 3a20320..1071e18 100644
--- a/frontend/src/Documents/Docs.scss
+++ b/frontend/src/Documents/Docs.scss
@@ -46,7 +46,7 @@
 
 .document {
     height: 100%;
-    margin-bottom: 0;
+    margin-bottom: 1rem;
     .documentHeader {
         display: flex;
         align-content: baseline;
@@ -72,15 +72,17 @@
         }
         margin-bottom: 1rem;
     }
-    textarea {
+    textarea,.documentContents {
+        border: 1px solid $light-gray1;
+        border-radius: 3px;
+        padding: 0.5rem 1rem;
         overflow: auto;
         margin: 0;
         margin-bottom: 0;
-        min-height: 100%;
+        min-height: 90%;
+        margin-bottom: 1rem;
         min-width: 100%;
         resize: none;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
     }
 }
 
diff --git a/frontend/src/Documents/DocumentView.tsx b/frontend/src/Documents/DocumentView.tsx
index f682993..27de003 100644
--- a/frontend/src/Documents/DocumentView.tsx
+++ b/frontend/src/Documents/DocumentView.tsx
@@ -41,7 +41,9 @@ export class DocumentViewComponent extends React.PureComponent<
                             />
                         </div>
                     </div>
-                    <Markdown source={doc.content} />
+                    <div className="documentContents">
+                        <Markdown source={doc.content} />
+                    </div>
                 </div>
             );
         } else {