From b9db3ca2d26f98bf2a54da0ed6257a13632ff3f2 Mon Sep 17 00:00:00 2001 From: Jad Seifeddine Date: Sun, 11 Oct 2026 06:05:33 +0700 Subject: [PATCH] css: share the narrow-desktop page padding across pages The 1800px breakpoint set a tighter page gutter on the connections page only, so switching to Sessions or any other tab snapped the content sideways. Move it to rustguac.css so every page moves together. Part of #254 --- static/connections.html | 3 ++- static/rustguac.css | 7 +++++++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/static/connections.html b/static/connections.html index a75bc52..ef9561a 100644 --- a/static/connections.html +++ b/static/connections.html @@ -175,7 +175,8 @@ padding and sidebar, 16px cells with less padding, a narrower Connect button. Everything then fits with ~250px to spare. */ @media (max-width: 1800px) { - body { padding: var(--s-4) var(--s-4); } + /* page padding at this width lives in rustguac.css, shared by + every page, so switching tabs does not shift the gutter */ .layout { gap: var(--s-4); } .sidebar { min-width: 240px; max-width: 280px; padding-right: var(--s-3); } .entries-table th, .entries-table td { diff --git a/static/rustguac.css b/static/rustguac.css index 1b384ee..22b865a 100644 --- a/static/rustguac.css +++ b/static/rustguac.css @@ -57,6 +57,13 @@ body { margin: 0; } +/* Narrow desktops (a 1710px MacBook display, 1600px monitors): a tighter + page gutter. Shared here so every page shifts together and switching + tabs does not snap the content sideways. */ +@media (max-width: 1800px) { + body { padding: var(--s-4) var(--s-4); } +} + h1 { color: var(--primary); margin: 0; font-size: 30px; letter-spacing: 0.02em; font-weight: bold; } h2 { color: var(--primary); font-size: var(--fz-lg); margin-top: var(--s-5); letter-spacing: 0.02em; } h3 { color: var(--text); font-size: var(--fz-md); margin-top: var(--s-4); letter-spacing: 0.02em; }