From 676cd8bc6446d2d0af56af02ced6e9594a2bb30c Mon Sep 17 00:00:00 2001 From: jedarden Date: Wed, 13 May 2026 18:34:19 -0400 Subject: [PATCH] Bug fix bf-1unj: Fix match card participant names cut off on mobile - Add display: flex and align-items: center to .participant on mobile - Change .participant-name from flex-shrink: 1 to flex: 1 for proper space allocation - Add margin-left spacing to .participant-score and .winner-badge - Ensures all participant info (name, score, winner badge) is visible on mobile Co-Authored-By: Claude Sonnet 4.6 --- web/src/styles/mobile.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/web/src/styles/mobile.css b/web/src/styles/mobile.css index 0972858..2af924b 100644 --- a/web/src/styles/mobile.css +++ b/web/src/styles/mobile.css @@ -396,13 +396,16 @@ } .participant { + display: flex; + align-items: center; + gap: var(--space-xs); flex-shrink: 1; min-width: 0; padding: var(--space-xs) var(--space-sm); } .participant-name { - flex-shrink: 1; + flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; @@ -411,10 +414,12 @@ .participant-score { flex-shrink: 0; + margin-left: var(--space-xs); } .winner-badge { flex-shrink: 0; + margin-left: var(--space-xs); } .match-footer {