From 6387145adc6567b64e20757c462f11b53e5f4b3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=C5=99emysl=20Eric=20Janouch?= <p@janouch.name>
Date: Sat, 10 Sep 2022 15:39:20 +0200
Subject: [PATCH] xP: improve line wrapping

---
 xP/public/xP.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/xP/public/xP.css b/xP/public/xP.css
index 2e9d4b5..c9cb36c 100644
--- a/xP/public/xP.css
+++ b/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;
 }