From f2b9db9dbc8ed2e5a76c5f389270b212ab7b6177 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Wed, 15 Nov 2017 13:07:33 +0100
Subject: [PATCH] Support long words for my and featured comments

---
 client/talk-plugin-history/Comment.css                | 11 ++++++++++-
 client/talk-plugin-history/Comment.js                 |  2 +-
 .../client/components/Comment.css                     |  1 +
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/talk-plugin-history/Comment.css b/client/talk-plugin-history/Comment.css
index 23289c17d..a18095d01 100644
--- a/client/talk-plugin-history/Comment.css
+++ b/client/talk-plugin-history/Comment.css
@@ -13,6 +13,14 @@
   border-bottom: solid 1px #EBEBEB;
 }
 
+.main {
+  width: 100%;
+}
+
+.commentBody {
+  word-wrap: break-word;
+}
+
 .assetURL {
   text-decoration: none;
   font-weight: bold;
@@ -44,7 +52,8 @@
     margin-top: 0;
     margin-bottom: 0;
     list-style-type: none;
-    min-width: 136px;
+    min-width: 140px;
+    padding: 0px 10px;
   }
 
   li {
diff --git a/client/talk-plugin-history/Comment.js b/client/talk-plugin-history/Comment.js
index 9d1208708..463122160 100644
--- a/client/talk-plugin-history/Comment.js
+++ b/client/talk-plugin-history/Comment.js
@@ -19,7 +19,7 @@ class Comment extends React.Component {
 
     return (
       <div className={styles.myComment}>
-        <div>
+        <div className={styles.main}>
           <Slot
             fill="commentContent"
             defaultComponent={CommentContent}
diff --git a/plugins/talk-plugin-featured-comments/client/components/Comment.css b/plugins/talk-plugin-featured-comments/client/components/Comment.css
index 9481b4396..bd4428091 100644
--- a/plugins/talk-plugin-featured-comments/client/components/Comment.css
+++ b/plugins/talk-plugin-featured-comments/client/components/Comment.css
@@ -44,6 +44,7 @@
   margin: 0;
   quotes: '\201c' '\201d';
   margin-bottom: 10px;
+  word-wrap: break-word;
 }
 
 .quote:before {