From 1f312f3633eda7d3e269a28cd5a9009ec8d925de Mon Sep 17 00:00:00 2001 From: HarryCordewener Date: Wed, 1 Jul 2026 02:56:27 -0500 Subject: [PATCH] fix(ui): wrap output at word boundaries, not mid-word MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The output line (`.sc-line`) used `word-break: break-all`, which broke every over-long line character-by-character — jarring to read for prose / RP text. Replace it with `overflow-wrap: break-word` (with the existing `white-space: pre-wrap`): lines now wrap at word boundaries, and a single token is only broken when it is too long to fit on its own, so an over-wide line still can't overflow the output column. ASCII art is unaffected (it only breaks when it genuinely overflows the width, same as before). Co-Authored-By: Claude Opus 4.8 Claude-Session: https://claude.ai/code/session_01HHCRc5CJ6595iMzEgYYdQp --- src/SharpClient.UI/wwwroot/app.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/SharpClient.UI/wwwroot/app.css b/src/SharpClient.UI/wwwroot/app.css index d4dad0f..10ec144 100644 --- a/src/SharpClient.UI/wwwroot/app.css +++ b/src/SharpClient.UI/wwwroot/app.css @@ -90,7 +90,11 @@ body { line-height: 1.2; color: var(--pho); white-space: pre-wrap; - word-break: break-all; + /* Wrap long lines at word boundaries (readable for prose / RP text) rather + than mid-word. overflow-wrap still breaks inside a single token when it is + too long to fit, so an over-wide line can't overflow the output column. + (Was word-break: break-all, which broke every line character-by-character.) */ + overflow-wrap: break-word; /* preserve height for blank lines */ min-height: 1.2em; }