Merge pull request #1161 from coralproject/break-word-2

Support long words for my and featured comments

client/talk-plugin-history/Comment.css

@@ -13,6 +13,18 @@
   border-bottom: solid 1px #EBEBEB;
 }
 
+.main {
+  min-width: 70%;
+}
+
+.sidebar {
+  min-width: 30%;
+}
+
+.commentBody {
+  word-wrap: break-word;
+}
+
 .assetURL {
   text-decoration: none;
   font-weight: bold;
@@ -44,7 +56,8 @@
     margin-top: 0;
     margin-bottom: 0;
     list-style-type: none;
-    min-width: 136px;
+    min-width: 140px;
+    padding: 0px 10px;
   }
 
   li {

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}

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 {