From 5ae6de1bcd054422432c2b87d2f8cf75a605c56f Mon Sep 17 00:00:00 2001 From: openhands Date: Tue, 30 Jun 2026 05:45:24 +0000 Subject: [PATCH] Improve auth card spacing for better visual breathing room - Card padding: 20px -> 24px - Card gap: 16px -> 20px - Brand margin-bottom: 4px -> 8px - Subtitle margin-top: 4px -> 8px - Body gap: 14px -> 16px --- src/components/auth-card/auth-card.module.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/auth-card/auth-card.module.css b/src/components/auth-card/auth-card.module.css index 056ccfc..9f02f5a 100644 --- a/src/components/auth-card/auth-card.module.css +++ b/src/components/auth-card/auth-card.module.css @@ -16,16 +16,16 @@ background: var(--ts-card-bg, var(--card)); color: var(--ts-card-fg, var(--foreground)); box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28)); - padding: 20px; + padding: 24px; display: flex; flex-direction: column; - gap: 16px; + gap: 20px; } .authBrand { display: flex; justify-content: center; - margin-bottom: 4px; + margin-bottom: 8px; } .authBrand svg { @@ -49,7 +49,7 @@ .authSubtitle { font-size: 0.875rem; color: var(--muted-foreground); - margin-top: 4px; + margin-top: 8px; margin-bottom: 0; line-height: 1.4; } @@ -57,7 +57,7 @@ .authBody { display: flex; flex-direction: column; - gap: 14px; + gap: 16px; } .divider {