Adding styles

client/coral-admin/src/routes/Moderation/components/Comment.css

@@ -72,9 +72,9 @@
   flex: 1;
   color: black;
   max-width: 500px;
-  word-wrap: break-word;
   font-weight: 300;
   font-size: 16px;
+  word-break: break-all;
 }
 
 .created {
@@ -185,8 +185,6 @@
 }
 
 .commentContent {
-  height: 100%;
-  flex: 1;
   display: flex;
 
   blockquote {
@@ -194,4 +192,8 @@
     line-height: inherit;
     letter-spacing: inherit;
   }
+}
+
+.commentContentFooter {
+  flex: 1;
 }

client/coral-admin/src/routes/Moderation/components/Comment.js

@@ -142,13 +142,15 @@ class Comment extends React.Component {
                   defaultComponent={CommentFormatter}
                   {...formatterSettings}
                 />
-                <a
-                  className={styles.external}
-                  href={`${comment.asset.url}?commentId=${comment.id}`}
-                  target="_blank"
-                >
-                  <Icon name="open_in_new" /> {t('comment.view_context')}
-                </a>
+                <div className={styles.commentContentFooter}>
+                  <a
+                    className={styles.external}
+                    href={`${comment.asset.url}?commentId=${comment.id}`}
+                    target="_blank"
+                  >
+                    <Icon name="open_in_new" /> {t('comment.view_context')}
+                  </a>
+                </div>
               </div>
 
               <div className={styles.sideActions}>