scroll tables that overflow instead of breaking words

Author: mojavelinux

src/css/body.css

@@ -1,5 +1,5 @@
 .body {
-  word-wrap: break-word; /* aka overflow-wrap; used when hyphens are disabled or don't do the trick */
+  word-wrap: anywhere; /* aka overflow-wrap; used when hyphens are disabled or aren't sufficient */
 }
 
 @media screen and (min-width: 1024px) {

src/css/doc.css

@@ -180,6 +180,10 @@
   /* enable table-layout: fixed if you want the table width to be enforced strictly */
   /* alternative is to wrap table in div and set overflow-x: auto on the wrapper */
   /* table-layout: fixed; */
+  word-wrap: normal; /* don't do arbitrary word breaking */
+  display: block;
+  overflow-x: auto;
+  max-width: 100%;
 }
 
 .doc table.stretch {
@@ -655,8 +659,3 @@
 .doc .icon i::after {
   hyphens: none;
 }
-
-.doc th.tableblock,
-.doc td.tableblock {
-  word-break: break-word; /* overflow-wrap for table cells; gives space higher precedence than hyphen opportunity */
-}

src/css/header.css

@@ -14,7 +14,6 @@ body {
   position: fixed;
   top: 0;
   width: 100%;
-  word-wrap: break-word;
   z-index: var(--z-index-navbar);
 }