From b1f7f91c58b595c3e0313f3faf10639428a519ae Mon Sep 17 00:00:00 2001
From: Shuo Wu <wushuo2010@gmail.com>
Date: Fri, 10 Jul 2020 18:54:06 -0400
Subject: [PATCH] fix: break word for long word in editor

fixes #47
---
 packages/common/components/MarkdownEditor/index.js  | 1 +
 packages/common/components/MarkdownViewer/styled.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/common/components/MarkdownEditor/index.js b/packages/common/components/MarkdownEditor/index.js
index 49f00c8..5038828 100644
--- a/packages/common/components/MarkdownEditor/index.js
+++ b/packages/common/components/MarkdownEditor/index.js
@@ -25,6 +25,7 @@ export const StyledTextArea = styled(Grid)`
     min-height: ${EDITOR_MIN_WIDTH}px;
     border: none;
     outline: none;
+    word-break: break-word;
   }
 
   & div.markdown-body {
diff --git a/packages/common/components/MarkdownViewer/styled.js b/packages/common/components/MarkdownViewer/styled.js
index 14ce629..0a50597 100644
--- a/packages/common/components/MarkdownViewer/styled.js
+++ b/packages/common/components/MarkdownViewer/styled.js
@@ -5,6 +5,7 @@ export const StyledMarkdownBody = styled.div`
   width: -webkit-fill-available;
   width: -moz-available;
   word-break: break-all;
+  word-break: break-word;
 
   &.markdown-body .octicon {
     display: inline-block;