xP: improve line wrapping

xP/public/xP.css

@@ -89,15 +89,19 @@ body {
 }
 .buffer {
 	display: grid;
-	grid-template-columns: max-content auto;
+	grid-template-columns: max-content minmax(0, 1fr);
 	overflow-y: auto;
 }
 .log {
-	padding: .1em .3em;
 	font-family: monospace;
-	white-space: pre-wrap;
 	overflow-y: auto;
 }
+.log, .content {
+	padding: .1em .3em;
+	/* Note: https://bugs.chromium.org/p/chromium/issues/detail?id=1261435 */
+	white-space: break-spaces;
+	overflow-wrap: break-word;
+}
 
 .leaked {
 	opacity: 50%;
@@ -136,10 +140,6 @@ body {
 .mark.action {
 	color: darkred;
 }
-.content {
-	padding: .1em .3em;
-	white-space: pre-wrap;
-}
 .content .b {
 	font-weight: bold;
 }