From b85cc4321b0a5ebb516746a9d38c4e061af19421 Mon Sep 17 00:00:00 2001
From: Damien Elmes <git@ichi2.net>
Date: Wed, 29 Nov 2017 16:19:34 +1000
Subject: [PATCH] move overflow-wrap into body, apply to editor too

---
 web/editor.css   | 1 +
 web/editor.js    | 2 +-
 web/reviewer.css | 3 +--
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/editor.css b/web/editor.css
index 133d99a09..1e3d588d2 100644
--- a/web/editor.css
+++ b/web/editor.css
@@ -3,6 +3,7 @@
     background: #fff;
     color: #000;
     padding: 5px;
+    overflow-wrap: break-word;
 }
 
 /* prevent floated images from being displayed outside field */
diff --git a/web/editor.js b/web/editor.js
index 7755db6fd..9983ae5ef 100644
--- a/web/editor.js
+++ b/web/editor.js
@@ -276,7 +276,7 @@ function setFields(fields) {
         txt += "contentEditable=true class=field>{0}</div>".format(f);
         txt += "</td></tr>";
     }
-    $("#fields").html("<table cellpadding=0 width=100%>" + txt + "</table>");
+    $("#fields").html("<table cellpadding=0 width=100% style='table-layout: fixed;'>" + txt + "</table>");
     maybeDisableButtons();
 }
 
diff --git a/web/reviewer.css b/web/reviewer.css
index 2db6d023d..738de242d 100644
--- a/web/reviewer.css
+++ b/web/reviewer.css
@@ -1,5 +1,3 @@
-div { overflow-wrap: break-word; }
-
 hr {
     background-color: #ccc;
     margin: 1em;
@@ -7,6 +5,7 @@ hr {
 
 body {
     margin: 1.5em;
+    overflow-wrap: break-word;
 }
 
 img {