From c525c7df11aaa19999916c4c93ef47ddd9c8f1d1 Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Sun, 31 May 2026 14:13:25 -0400 Subject: [PATCH] web: bump mobile body padding from 1rem to 1.25rem so the right edge has visible breathing room --- web/chat.html | 6 +++--- web/host-your-own.html | 6 +++--- web/how-it-works.html | 6 +++--- web/index.html | 2 +- web/kernel.html | 2 +- web/zebra-audio.html | 6 +++--- web/zebra-spaces.html | 6 +++--- 7 files changed, 17 insertions(+), 17 deletions(-) diff --git a/web/chat.html b/web/chat.html index 6993f60..0354a22 100644 --- a/web/chat.html +++ b/web/chat.html @@ -114,7 +114,7 @@ .peer-list .empty { color: #999; font-style: italic; } .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } @media (max-width: 600px) { - body { padding: 1rem; } + body { padding: 1.25rem; } .grid-2 { grid-template-columns: 1fr; } } code { @@ -1653,8 +1653,8 @@ logLine('sys', 'chat content lives in encrypted SRTP audio. no IP packets carry diff --git a/web/host-your-own.html b/web/host-your-own.html index 930b337..b42551e 100644 --- a/web/host-your-own.html +++ b/web/host-your-own.html @@ -61,7 +61,7 @@ } .cta:hover { background: #333; } @media (max-width: 600px) { - body { padding: 1rem; line-height: 1.55; } + body { padding: 1.25rem; line-height: 1.55; } h1 { font-size: 2.2rem; } h2 { font-size: 1.1rem; margin: 1.8rem 0 0.7rem; } .lead { font-size: 0.95rem; } @@ -392,8 +392,8 @@ turn.example.com { diff --git a/web/how-it-works.html b/web/how-it-works.html index dea2205..b9f2a23 100644 --- a/web/how-it-works.html +++ b/web/how-it-works.html @@ -55,7 +55,7 @@ hr { border: none; border-top: 1px solid #ddd; margin: 2.5rem 0; } .foot { font-size: 0.75rem; color: #777; margin-top: 2rem; } @media (max-width: 600px) { - body { padding: 1rem; line-height: 1.55; } + body { padding: 1.25rem; line-height: 1.55; } h1 { font-size: 2.2rem; } h2 { font-size: 1.1rem; margin: 1.8rem 0 0.7rem; } .lead { font-size: 0.95rem; } @@ -275,8 +275,8 @@ diff --git a/web/index.html b/web/index.html index d9ad424..7a3ce32 100644 --- a/web/index.html +++ b/web/index.html @@ -24,7 +24,7 @@ margin: 0 auto; } @media (max-width: 600px) { - body { padding: 1rem; } + body { padding: 1.25rem; } h1 { font-size: 2.2rem; } } diff --git a/web/kernel.html b/web/kernel.html index 610a319..280fc5a 100644 --- a/web/kernel.html +++ b/web/kernel.html @@ -16,7 +16,7 @@ margin: 0 auto; } @media (max-width: 600px) { - body { padding: 1rem; } + body { padding: 1.25rem; } h1 { font-size: 2.2rem; } } diff --git a/web/zebra-audio.html b/web/zebra-audio.html index 92019aa..b7f52fb 100644 --- a/web/zebra-audio.html +++ b/web/zebra-audio.html @@ -69,7 +69,7 @@ .log-line .ts { color: #888; } .log-line.err { color: #b00; } @media (max-width: 600px) { - body { padding: 1rem; } + body { padding: 1.25rem; } h1 { font-size: 2.2rem; } .row, .controls, .level { gap: 0.5rem; } /* drop the fixed mute-button width on phones so the row fits */ @@ -660,8 +660,8 @@ else wirePuppet(); diff --git a/web/zebra-spaces.html b/web/zebra-spaces.html index 7190d51..4781f69 100644 --- a/web/zebra-spaces.html +++ b/web/zebra-spaces.html @@ -31,7 +31,7 @@ font-size: 0.8rem; color: #999; padding: 1rem 0; line-height: 1.6; } @media (max-width: 800px) { - body { padding: 1rem; } + body { padding: 1.25rem; } .page { grid-template-columns: 1fr; gap: 1rem; } .timeline { border-right: none; border-bottom: 1px solid #ddd; padding-right: 0; padding-bottom: 1rem; min-height: 0; } @@ -1251,8 +1251,8 @@ logLine('', 'ready — pick a handle, type a rendezvous code, enter the space');