From cd2d7535e3a91d1de074aed0db8d7184e2eb0624 Mon Sep 17 00:00:00 2001 From: adlee-was-taken Date: Mon, 23 Feb 2026 23:02:17 -0500 Subject: [PATCH] Replace translateX hack with text-align left on h1 for logo alignment Logo and title naturally left-align within the centered lobby box. Mobile (<480px) gets text-align center + inline display for single line. Co-Authored-By: Claude Opus 4.6 --- client/style.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/client/style.css b/client/style.css index eca1ccb..fc28c53 100644 --- a/client/style.css +++ b/client/style.css @@ -101,17 +101,24 @@ body { filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.25)); } +#lobby-screen h1, +#lobby-screen .logo-row { + text-align: left; +} + .logo-row { display: inline-block; margin-bottom: -0.3em; - transform: translateX(-5.5rem); } -@media (max-width: 449px) { +@media (max-width: 479px) { + #lobby-screen h1, + #lobby-screen .logo-row { + text-align: center; + } .logo-row { display: inline; margin-bottom: 0; - transform: none; } }