From 09bc067aa221771d7c84c1103de6c0d28c7e4129 Mon Sep 17 00:00:00 2001
From: Matthew Valancy <matthew.valancy@gmail.com>
Date: Wed, 17 Jun 2026 17:29:28 -0700
Subject: [PATCH] LAYOUT-1b: trim auth card on large screens so /signup fully
 fits (no scroll)

The 2-column layout cut the /signup overflow from 196px to ~20px @1600x1000;
this closes the rest with lg-only spacing reductions (outer lg:py-3, form
lg:py-6 + lg:space-y-4). Verified in a production build: documentElement
scrollH == clientH (1000) at 1600x1000 even WITH the dev HTTP banner present, so
the HTTPS cloud (no banner) fits with margin to spare. No mobile/small-screen
change.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 packages/web/src/pages/Signin.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/pages/Signin.tsx b/packages/web/src/pages/Signin.tsx
index 2f19147a..cc02e6a0 100644
--- a/packages/web/src/pages/Signin.tsx
+++ b/packages/web/src/pages/Signin.tsx
@@ -427,7 +427,7 @@ export function Signin({ initialMagicLink = false }: { initialMagicLink?: boolea
 
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 flex items-center justify-center p-4 relative overflow-hidden">
+    <div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 flex items-center justify-center p-4 lg:py-3 relative overflow-hidden">
       {/* Static gradient background - optimized for all browsers */}
       <div className="lagoon-caustics"></div>
       {/* Design religion: fit the window. On large screens the branding sits
@@ -446,7 +446,7 @@ export function Signin({ initialMagicLink = false }: { initialMagicLink?: boolea
         </div>
 
         {/* Login Form */}
-        <form onSubmit={handleSubmit} className="bg-gray-800/50 backdrop-blur-xl border border-gray-700/50 rounded-2xl p-5 sm:p-8 space-y-5 shadow-2xl animate-in fade-in slide-in-from-bottom-4 duration-700">
+        <form onSubmit={handleSubmit} className="bg-gray-800/50 backdrop-blur-xl border border-gray-700/50 rounded-2xl p-5 sm:p-8 lg:py-6 space-y-5 lg:space-y-4 shadow-2xl animate-in fade-in slide-in-from-bottom-4 duration-700">
           {/* Social Login Buttons — only when at least one provider is actually
               configured; otherwise the whole block (and its divider) is hidden so
               no setup hints leak to end users (cloud uses email + guest). */}