move overflow-wrap into body, apply to editor too

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 */

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();
 }
 

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 {