more thorough break-word rules

1 files changed, 11 insertions, 0 deletions

diff --git a/static/styles.css b/static/styles.css
index 1bf8b1c..ef3e308 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -27,7 +27,18 @@ section {
 }
 
 .ssb-post-text {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -ms-word-break: break-all;
+  /* This is the dangerous one in WebKit, as it breaks things wherever */
+  word-break: break-all;
+  /* Instead use this non-standard one: */
   word-break: break-word;
+  /* Adds a hyphen where the word breaks, if supported (No Blink) */
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
 }
 
 img.ssb-emoji {