Use word-wrap: break-word wherever we use white-space: pre-wrap

Change-Id: I0490171abb66346fe5faba38e90c047d2757869f
diff --git a/polygerrit-ui/app/elements/gr-comment-list.html b/polygerrit-ui/app/elements/gr-comment-list.html
index 3c172e5..6fb5dae 100644
--- a/polygerrit-ui/app/elements/gr-comment-list.html
+++ b/polygerrit-ui/app/elements/gr-comment-list.html
@@ -39,6 +39,7 @@
       .message {
         flex: 1;
         white-space: pre-wrap;
+        word-wrap: break-word;
       }
     </style>
     <template is="dom-repeat" items="{{_files}}" as="file">
diff --git a/polygerrit-ui/app/elements/gr-diff-comment.html b/polygerrit-ui/app/elements/gr-diff-comment.html
index 684d4fc..c152654 100644
--- a/polygerrit-ui/app/elements/gr-diff-comment.html
+++ b/polygerrit-ui/app/elements/gr-diff-comment.html
@@ -67,6 +67,7 @@
       }
       .message {
         white-space: pre-wrap;
+        word-wrap: break-word;
       }
       .actions {
         display: flex;