From 5aa8b7e7f295ad05fc58c89d08c2559ddc2256e5 Mon Sep 17 00:00:00 2001 From: Zichao Lin Date: Sun, 5 Jul 2026 18:55:18 +0800 Subject: [PATCH] fix(ui): badge no longer stretches in flex container --- app/static/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/static/style.css b/app/static/style.css index c811d5e..76ba0b5 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -95,7 +95,7 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si .postcard-info { display: flex; flex-direction: column; gap: .15rem; font-size: .9rem; } /* Badge */ -.badge { display: inline-block; padding: .1rem .4rem; border-radius: 999px; font-size: .7rem; font-weight: 600; color: #fff; white-space: nowrap; line-height: 1.4; } +.badge { display: inline-block; padding: .1rem .4rem; border-radius: 999px; font-size: .7rem; font-weight: 600; color: #fff; white-space: nowrap; line-height: 1.4; align-self: flex-start; } .badge-sent { background: var(--sent); } .badge-delivered { background: var(--delivered); } .badge-received { background: var(--received); }