From 4c6884c947ddcec68ea3f95eb1cef85022b0f206 Mon Sep 17 00:00:00 2001 From: Oleksandr Kozachuk <201152+ok2@users.noreply.github.com> Date: Tue, 9 Jun 2026 23:54:13 +0200 Subject: [PATCH] helwasm: footer respects the body gutter (use padding-block) The .foot padding shorthand zeroed the inline padding, overriding .wrap's gutter so the footer text ran to the window edge. Use padding-block so it lines up with the body cards. --- helwasm/style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/helwasm/style.css b/helwasm/style.css index 241c28c..286100f 100644 --- a/helwasm/style.css +++ b/helwasm/style.css @@ -270,7 +270,9 @@ input.mask.revealed { -webkit-text-security: none; } .modal textarea:focus { border-color: var(--ocean); } .modal .row { display: flex; gap: 10px; margin-top: 14px; } -.foot { color: var(--muted); font-family: var(--mono); font-size: 12px; text-align: center; padding: 8px 0 40px; } +/* padding-block only: keep .wrap's inline gutter so the footer lines up with the + body cards instead of running to the window edge. */ +.foot { color: var(--muted); font-family: var(--mono); font-size: 12px; text-align: center; padding-block: 8px 40px; } .foot a { color: var(--ocean); text-decoration: none; border-bottom: 1px solid rgba(27, 65, 97, 0.3); } .foot a:hover { border-bottom-color: var(--ocean); }