From 22d83568f7af9beffd0642f051240d5be69b811e Mon Sep 17 00:00:00 2001
From: Moriel Schottlender <moriel@gmail.com>
Date: Wed, 7 Sep 2016 16:31:16 -0700
Subject: [PATCH] Break more rules in break-word so long words can wrap in
 notifications

Change-Id: Ib0cde96438175f2bc136bd89d4a2717785cecba0
---
 modules/styles/mw.echo.ui.NotificationItemWidget.less | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/modules/styles/mw.echo.ui.NotificationItemWidget.less b/modules/styles/mw.echo.ui.NotificationItemWidget.less
index b2df7c01a..56ff797a6 100644
--- a/modules/styles/mw.echo.ui.NotificationItemWidget.less
+++ b/modules/styles/mw.echo.ui.NotificationItemWidget.less
@@ -55,7 +55,12 @@
 			// The 'mark as read' circle is placed with a right
 			// margin of -1em
 			padding-right: 1em;
+			// break-word rules are inconsistent accross browsers
+			// these three rules should cover the main use cases
+			// with major browser support
 			word-break: break-word;
+			word-wrap: break-word;
+			overflow-wrap: break-word;
 
 			&-header {
 				color: @notification-text-color;