From 49b9d960a345cdcb06f9c831c1b7e0d31432e39c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 10 Sep 2026 04:49:17 +0000
Subject: [PATCH] =?UTF-8?q?fix(lp):=20=E9=9A=9C=E5=AE=B3=E6=83=85=E5=A0=B1?=
 =?UTF-8?q?=E3=83=90=E3=83=83=E3=82=B8=E3=81=AE=E3=82=A4=E3=83=B3=E3=82=B8?=
 =?UTF-8?q?=E3=82=B1=E3=83=BC=E3=82=BF=E3=83=BC=E3=81=AE=E8=A6=8B=E5=88=87?=
 =?UTF-8?q?=E3=82=8C=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ヘッダーの障害情報バッジで、ステータスインジケーターの外周リング
(box-shadow) が .status の overflow: hidden により左端と上下で
見切れていた。リングの太さぶん(3px)の余白を .status に確保し、
スライドインアニメーションでも padding-left を合わせて遷移させる。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K82yoxxLzbCi9aN9cwfXiC
---
 apps/lp/src/components/ServiceStatus.module.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/lp/src/components/ServiceStatus.module.css b/apps/lp/src/components/ServiceStatus.module.css
index 78d16d4..3f4d9cd 100644
--- a/apps/lp/src/components/ServiceStatus.module.css
+++ b/apps/lp/src/components/ServiceStatus.module.css
@@ -32,7 +32,9 @@
 .status {
   display: flex;
   align-items: center;
-  padding: 0 12px 0 0;
+  /* インジケーターの外周リング(box-shadow)が overflow: hidden で
+     見切れてしまうため、リングの太さぶんの余白を確保する */
+  padding: 3px 12px 3px 3px;
   overflow: hidden;
   animation: slideIn 0.5s ease;
 }
@@ -42,11 +44,13 @@
     opacity: 0;
     max-width: 0;
     padding-right: 0;
+    padding-left: 0;
   }
   to {
     opacity: 1;
     max-width: 200px;
     padding-right: 12px;
+    padding-left: 3px;
   }
 }