+
{quarterLabel}
·
{statItems.map((item, index) => (
@@ -128,7 +128,8 @@ function StatClick({ label, value, statusKey, activeStatus, accent, onClick }: S
handleActivate();
}
}}
- className={`poly-click-stat header-stat-text whitespace-nowrap ${isActive ? 'active' : ''}`}
+ className={`poly-click-stat header-stat-text ${isActive ? 'active' : ''}`}
+ style={{ cursor: 'pointer', padding: '2px 6px', borderRadius: '4px' }}
>
{label}{' '}
{value}
diff --git a/frontend/src/index.css b/frontend/src/index.css
index cc0ec07..9c2df07 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -166,18 +166,16 @@ body,
background-color: rgba(238, 234, 227, 0.4);
}
-/* F12 — poly-click-stat (기본 / hover / active) */
+/* F12 — poly-click-stat (기본 / hover / active) — padding·radius는 JS 인라인과 동일 */
.poly-click-stat {
- display: inline-flex;
- align-items: center;
- line-height: 1;
- cursor: pointer;
+ display: inline;
+ box-sizing: border-box;
+ line-height: 21px;
+ vertical-align: middle;
color: #fffc;
user-select: none;
font-size: 18px;
font-weight: 400;
- padding: 2px 6px;
- border-radius: 4px;
border: 1px solid #1d6947;
background: linear-gradient(180deg, #337c5f 0%, #1c4638 100%);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);