diff --git a/wasm/repl/repl.css b/wasm/repl/repl.css index 1b49179..86253d4 100644 --- a/wasm/repl/repl.css +++ b/wasm/repl/repl.css @@ -123,8 +123,8 @@ body.repl { grid-template-columns: auto auto 1fr auto auto auto auto; gap: 0.3rem; align-items: center; - padding: 0.4rem 1rem; - margin: 0 -1rem 0.4rem; /* bleed to viewport edges */ + padding: 0.4rem 0.4rem; + margin: 0 0 0.4rem; background: var(--code-bg); border-bottom: 1px solid var(--rule); } @@ -181,13 +181,15 @@ body.repl { * fresh sessions show the prompt up near the top and it drifts down * with each new entry. */ .repl-stream { - padding: 0.5rem 1rem 0; background: var(--code-bg); display: grid; grid-template-rows: auto auto auto; align-content: start; } .transcript { + /* Same horizontal inset as the active prompt-bar so prior λ> sigils + * line up with the live one. */ + padding: 0.4rem 0.4rem 0; font-family: var(--mono); font-size: 0.92em; line-height: 1.45; @@ -245,7 +247,7 @@ body.repl { grid-template-columns: auto 1fr auto auto; gap: 0.4rem; align-items: center; - padding: 0.3rem 0 0.5rem; + padding: 0.3rem 0.4rem 0.5rem; background: var(--code-bg); } .prompt-bar .prompt-sigil { diff --git a/www/repl/repl.css b/www/repl/repl.css index 1b49179..86253d4 100644 --- a/www/repl/repl.css +++ b/www/repl/repl.css @@ -123,8 +123,8 @@ body.repl { grid-template-columns: auto auto 1fr auto auto auto auto; gap: 0.3rem; align-items: center; - padding: 0.4rem 1rem; - margin: 0 -1rem 0.4rem; /* bleed to viewport edges */ + padding: 0.4rem 0.4rem; + margin: 0 0 0.4rem; background: var(--code-bg); border-bottom: 1px solid var(--rule); } @@ -181,13 +181,15 @@ body.repl { * fresh sessions show the prompt up near the top and it drifts down * with each new entry. */ .repl-stream { - padding: 0.5rem 1rem 0; background: var(--code-bg); display: grid; grid-template-rows: auto auto auto; align-content: start; } .transcript { + /* Same horizontal inset as the active prompt-bar so prior λ> sigils + * line up with the live one. */ + padding: 0.4rem 0.4rem 0; font-family: var(--mono); font-size: 0.92em; line-height: 1.45; @@ -245,7 +247,7 @@ body.repl { grid-template-columns: auto 1fr auto auto; gap: 0.4rem; align-items: center; - padding: 0.3rem 0 0.5rem; + padding: 0.3rem 0.4rem 0.5rem; background: var(--code-bg); } .prompt-bar .prompt-sigil {