From 2f7e09e194cf489b1b6eb6e9032be09f9d39d8a2 Mon Sep 17 00:00:00 2001
From: Eyejoker <phj1081@gmail.com>
Date: Mon, 27 Apr 2026 22:11:59 +0900
Subject: [PATCH] Settings: relax 480px panel cap and align account row right
 side (#47)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Bump .settings-panel max-width 480px → 760px so settings page actually
  uses available desktop width (the 480px cap was a leftover from an
  initial mobile-first sketch).
- Account row main grid columns become fixed: 28px tag · 1fr email ·
  60px plan · 180px expiry. Plan and expiry badges now line up
  vertically across rows regardless of email length.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
---
 apps/dashboard/src/styles.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/styles.css b/apps/dashboard/src/styles.css
index b0cd849..1f4a650 100644
--- a/apps/dashboard/src/styles.css
+++ b/apps/dashboard/src/styles.css
@@ -722,7 +722,8 @@ button:disabled {
 .settings-panel {
   display: grid;
   gap: 14px;
-  max-width: 480px;
+  max-width: 760px;
+  width: 100%;
 }
 
 .settings-row {
@@ -909,7 +910,7 @@ button:disabled {
 
 .settings-account-main {
   display: grid;
-  grid-template-columns: 28px minmax(0, 1fr) auto auto;
+  grid-template-columns: 28px minmax(0, 1fr) 60px 180px;
   gap: 10px;
   align-items: center;
   min-width: 0;