From 6e22c918ec55f4e52ed3a94e92123be1017f056b Mon Sep 17 00:00:00 2001
From: Sung Won Cho <sung@monomax.sh>
Date: Thu, 9 Jan 2020 08:19:21 +1000
Subject: [PATCH] Wrap words in note content (#389)

* Fix word-wrap

* Document change

* Fix date
---
 CHANGELOG.md                               | 3 ++-
 web/src/components/Common/Note/Content.tsx | 3 +--
 web/src/components/Common/Note/Note.scss   | 5 -----
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5af62474..8c980dc9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,7 +14,7 @@ The following log documents the history of the server project.
 
 None
 
-### 0.4.0 - 2020-01-08
+### 0.4.0 - 2020-01-09
 
 #### Added
 
@@ -23,6 +23,7 @@ None
 #### Fixed
 
 - Send inactive reminders with a correct email type (#385)
+- Wrap words in note content (#389)
 
 ### 0.3.4 - 2019-12-24
 
diff --git a/web/src/components/Common/Note/Content.tsx b/web/src/components/Common/Note/Content.tsx
index 8c803a7f..1e175424 100644
--- a/web/src/components/Common/Note/Content.tsx
+++ b/web/src/components/Common/Note/Content.tsx
@@ -19,7 +19,6 @@
 /* eslint-disable react/no-danger */
 
 import React from 'react';
-import classnames from 'classnames';
 
 import { NoteData } from 'jslib/operations/types';
 import { excerpt } from 'web/libs/string';
@@ -77,7 +76,7 @@ const Content: React.SFC<Props> = ({ note, collapsed }) => {
         </div>
       ) : (
         <div
-          className={classnames('markdown-body', styles.content)}
+          className="markdown-body"
           dangerouslySetInnerHTML={{
             __html: formatContent(note.content)
           }}
diff --git a/web/src/components/Common/Note/Note.scss b/web/src/components/Common/Note/Note.scss
index 1b069999..36de5855 100644
--- a/web/src/components/Common/Note/Note.scss
+++ b/web/src/components/Common/Note/Note.scss
@@ -58,11 +58,6 @@
   padding: rem(12px) rem(16px);
 }
 
-.content {
-  word-wrap: break-word;
-  word-break: break-all;
-}
-
 .collapsed-content {
   color: $light-gray;
 }