fix(ui): badge no longer stretches in flex container
This commit is contained in:
@@ -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; }
|
.postcard-info { display: flex; flex-direction: column; gap: .15rem; font-size: .9rem; }
|
||||||
|
|
||||||
/* Badge */
|
/* 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-sent { background: var(--sent); }
|
||||||
.badge-delivered { background: var(--delivered); }
|
.badge-delivered { background: var(--delivered); }
|
||||||
.badge-received { background: var(--received); }
|
.badge-received { background: var(--received); }
|
||||||
|
|||||||
Reference in New Issue
Block a user