From 16187c0ecb017da574bb1b05512e8b1d233bb42d Mon Sep 17 00:00:00 2001 From: DocFast Bot Date: Sun, 15 Feb 2026 10:45:08 +0000 Subject: [PATCH] fix(BUG-032): eliminate mobile terminal gap - flexbox layout + white-space fix --- public/index.html | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/public/index.html b/public/index.html index 2132592..0bfeeaf 100644 --- a/public/index.html +++ b/public/index.html @@ -44,7 +44,7 @@ nav .container { display: flex; align-items: center; justify-content: space-betw .btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } /* Code block */ -.code-section { margin: 56px auto 0; max-width: 660px; text-align: left; } +.code-section { margin: 56px auto 0; max-width: 660px; text-align: left; display: flex; flex-direction: column; } .code-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: #1a1f2b; border: 1px solid var(--border); border-bottom: none; border-radius: var(--radius) var(--radius) 0 0; } .code-dots { display: flex; gap: 6px; } .code-dots span { width: 10px; height: 10px; border-radius: 50%; } @@ -180,13 +180,18 @@ html, body { } /* Force any wide elements to fit */ - pre, code, .code-block, .code-section { + pre, code, .code-block { max-width: calc(100vw - 32px) !important; overflow-wrap: break-word !important; word-break: break-all !important; white-space: pre-wrap !important; overflow-x: hidden !important; } + .code-section { + max-width: calc(100vw - 32px) !important; + overflow-x: hidden !important; + white-space: normal !important; + } } /* Recovery modal states */