From fc79ac1f9297bad4895c26d1d61adde89e45924a Mon Sep 17 00:00:00 2001 From: Carlos Fernandez Date: Fri, 15 May 2026 00:46:04 -0400 Subject: [PATCH] Center players and handlet he case where is 5 or 6 players --- .../dialog/tag-team-dialog/initialization.less | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/styles/less/dialog/tag-team-dialog/initialization.less b/styles/less/dialog/tag-team-dialog/initialization.less index da32cb01..2d015141 100644 --- a/styles/less/dialog/tag-team-dialog/initialization.less +++ b/styles/less/dialog/tag-team-dialog/initialization.less @@ -17,18 +17,27 @@ } .members-container { - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; + display: flex; + flex-wrap: wrap; + justify-content: center; gap: 8px; + // Force 3 columns for 5 -> 6 players + &:has(> :nth-child(5)):not(:has(> :nth-child(7))) { + padding-left: 10%; + padding-right: 10%; + } + .member-container { position: relative; display: flex; + align-items: stretch; justify-content: center; border-radius: 6px; border: 1px solid light-dark(@dark-blue, @golden); overflow: hidden; - height: 12.5rem; + height: 11.5rem; + width: 122px; &.inactive { border-color: light-dark(@dark-blue-40, @golden-40); @@ -69,6 +78,7 @@ img { object-fit: cover; object-position: top center; + flex: 1; } .leader-mark {