From 889f8ce1cd563d62a60e7250e42c40d95c1d52d7 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 22 Feb 2026 14:14:43 -0500
Subject: [PATCH] Fix mobile opponents to fit 3 per row with calc-based
 flex-basis

Replaces fixed 120px width with calc((100% - 20px) / 3) so 3 opponents
always fit per row regardless of viewport width.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/style.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/client/style.css b/client/style.css
index eed6e12..2a10610 100644
--- a/client/style.css
+++ b/client/style.css
@@ -5061,8 +5061,7 @@ body.mobile-portrait .opponent-area {
     padding: 3px 4px 4px;
     border-radius: 6px;
     min-width: 0;
-    flex: 0 0 auto;
-    width: 120px;
+    flex: 0 0 calc((100% - 20px) / 3);
     position: relative;
     overflow: visible;
 }