Skip to content

Commit 1af5ae2

Browse files
dlkakbsclaude
andcommitted
Align stat values in pool cards
Use flex column with min-height on labels so all values sit at the same vertical position regardless of label length. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 5de1733 commit 1af5ae2

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

frontend/app/pools/page.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,8 +74,9 @@ function PoolCard({ poolId }: { poolId: number }) {
7474
<div key={label} style={{
7575
borderRadius: 12, border: "1px solid rgba(255,255,255,0.07)",
7676
background: "rgba(255,255,255,0.03)", padding: "12px 10px", textAlign: "center",
77+
display: "flex", flexDirection: "column", justifyContent: "space-between",
7778
}}>
78-
<div style={{ fontSize: "0.7rem", color: "rgba(255,255,255,0.45)", marginBottom: 6 }}>{label}</div>
79+
<div style={{ fontSize: "0.7rem", color: "rgba(255,255,255,0.45)", minHeight: "2em", display: "flex", alignItems: "center", justifyContent: "center" }}>{label}</div>
7980
<div style={{ fontSize: "0.9rem", fontWeight: 600, color }}>{value}</div>
8081
</div>
8182
))}

0 commit comments

Comments
 (0)