eleven / messenger Public

web: the pending-invite card's button row is actually flex (#982)

The card is .pending-card, not .card, so it never inherited .card
.row's display:flex — its own gap/justify-content were no-ops in block
layout and Copy link / Cancel invite sat flush.

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

Paul Campbell 3 months ago cbb3f317737ebf8f8ebbd92c66ff7396b4f9b0ba parent aa4d352

1 file changed, +4 −1

web/static/style.css +4 −1

diff --git a/web/static/style.css b/web/static/style.css

index cc1558f..7f3fded 100644

--- a/web/static/style.css

+++ b/web/static/style.css

@@ -1935,7 +1935,10 @@ input.switch:disabled { opacity: 0.5; cursor: default; }

width: fit-content; max-width: 100%;

margin: 0 auto 16px; text-align: left; background: var(--panel);

}

-.pending-card .row { justify-content: center; gap: 10px; flex-wrap: wrap; }

+/* display: flex is load-bearing: this card is .pending-card, not .card, so it

+ never inherits .card .row's flex — without it the gap and centering are

+ no-ops and the buttons sit flush. */

+.pending-card .row { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }

.linkish.danger { color: var(--danger); }

/* Per-viewer names (#577): a DM partner renamed themself while you hold your