Integrate word wrapping filter in the chat component.

services/web/app/views/project/editor/chat.jade

@@ -45,7 +45,7 @@ aside.chat(
 								mathjax,
 								ng-repeat="content in message.contents track by $index"
 							)
-								span(ng-bind-html="content | linky:'_blank'")
+								span(ng-bind-html="content | linky:'_blank' | wrapLongWords")
 
 	.new-message
 		textarea(

services/web/public/coffee/filters/wrapLongWords.coffee

@@ -7,7 +7,7 @@ define [
 		minLength = minLength || DEF_MIN_LENGTH
 
 		findWordsRegEx = new RegExp "\\w{#{minLength},}", "g"
-		wrappingTemplate = "<#{wrapperElName} style='word-break: break-all;'>$&</#{wrapperElName}>"
+		wrappingTemplate = "<#{wrapperElName} class=\"break-word\">$&</#{wrapperElName}>"
 
 		baseStr.replace findWordsRegEx, wrappingTemplate
 

services/web/public/coffee/ide/chat/index.coffee

@@ -3,4 +3,5 @@ define [
 	"ide/chat/controllers/ChatController"
 	"ide/chat/controllers/ChatMessageController"
 	"ide/chat/directives/mathjax"
+	"filters/wrapLongWords"
 ], () ->

services/web/public/stylesheets/app/editor/chat.less

@@ -129,6 +129,11 @@
 	}
 }
 
+.break-word {
+	word-break: break-all;
+	color: red;
+}
+
 .editor-dark {
 	.chat {
 		.new-message {