From b777cc1beaf936d54e763e33f502c01dd35df300 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Sat, 30 Sep 2017 20:14:44 +0300
Subject: [PATCH] use FF/Chrome/spec-compliant 'overflow-wrap' for
 word-breaking

---
 manage/manage.css   | 4 ++--
 msgbox/msgbox.css   | 2 +-
 options/options.css | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/manage/manage.css b/manage/manage.css
index b86d3554..7aab86d6 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -114,7 +114,7 @@ select {
 
 .style-name {
   margin-top: .25em;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .style-name a, .style-edit-link {
@@ -127,7 +127,7 @@ select {
 }
 
 .applies-to {
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .applies-to,
diff --git a/msgbox/msgbox.css b/msgbox/msgbox.css
index 17b30e30..5cb45d34 100644
--- a/msgbox/msgbox.css
+++ b/msgbox/msgbox.css
@@ -105,7 +105,7 @@
   padding: 1.5rem .75rem;
   position: relative;
   flex-grow: 9;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 #message-box-buttons {
diff --git a/options/options.css b/options/options.css
index b00312c2..6d8c92e5 100644
--- a/options/options.css
+++ b/options/options.css
@@ -65,7 +65,7 @@ h1 {
   font-weight: bold;
   padding-right: 8px;
   box-sizing: border-box;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .items {