From 1e12aae531a25a6db58cba5dfeeed1a0a9e2f1c1 Mon Sep 17 00:00:00 2001
From: Jeffdev <robotzurg@gmail.com>
Date: Wed, 4 Mar 2026 11:22:18 -0700
Subject: [PATCH 1/2] Conditionally change size of header stats

This is kind of scuffed, feel free to tell me if its bad but I think its fine for now and looks better
---
 src/app/(home)/players/[id]/user.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/app/(home)/players/[id]/user.tsx b/src/app/(home)/players/[id]/user.tsx
index fd3e9e3..54f5998 100644
--- a/src/app/(home)/players/[id]/user.tsx
+++ b/src/app/(home)/players/[id]/user.tsx
@@ -334,6 +334,19 @@ function UserInfoComponent() {
   const hasLegacy =
     isNonNullish(legacyUserRank?.mmr) && !Number.isNaN(legacyUserRank?.mmr)
 
+  const activeQueueCount = [
+    hasRanked,
+    hasVanilla,
+    hasLegacy,
+    hasSmallworld,
+  ].filter(Boolean).length
+  const lgGridCols: Record<number, string> = {
+    1: 'lg:grid-cols-1',
+    2: 'lg:grid-cols-2',
+    3: 'lg:grid-cols-3',
+    4: 'lg:grid-cols-4',
+  }
+
   return (
     <div className='flex flex-1 flex-col overflow-hidden'>
       <div className='mx-auto flex w-[calc(100%-1rem)] max-w-fd-container flex-1 flex-col'>
@@ -450,7 +463,12 @@ function UserInfoComponent() {
         </div>
 
         {/* ── Queue Rating Cards ── */}
-        <div className='grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4'>
+        <div
+          className={cn(
+            'grid grid-cols-1 gap-3 sm:grid-cols-2',
+            lgGridCols[activeQueueCount] ?? 'lg:grid-cols-4'
+          )}
+        >
           <QueueCard
             queue='Ranked'
             mmr={hasRanked ? Math.round(rankedUserRank?.mmr) : null}
@@ -781,7 +799,7 @@ function QueueCard({
       className={cn(
         'rounded-lg border bg-card p-4 transition-colors',
         accentClass,
-        !hasData && 'hidden lg:block'
+        !hasData && 'hidden'
       )}
     >
       <div className='mb-3 flex items-center justify-between'>

From f4f7c3f6acf9da836a98c1c09734cb54e0cfca5d Mon Sep 17 00:00:00 2001
From: Jeffdev <robotzurg@gmail.com>
Date: Wed, 4 Mar 2026 12:00:19 -0700
Subject: [PATCH 2/2] Add lg:block still

---
 src/app/(home)/players/[id]/user.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(home)/players/[id]/user.tsx b/src/app/(home)/players/[id]/user.tsx
index 54f5998..adc591c 100644
--- a/src/app/(home)/players/[id]/user.tsx
+++ b/src/app/(home)/players/[id]/user.tsx
@@ -799,7 +799,7 @@ function QueueCard({
       className={cn(
         'rounded-lg border bg-card p-4 transition-colors',
         accentClass,
-        !hasData && 'hidden'
+        !hasData && 'hidden lg:block'
       )}
     >
       <div className='mb-3 flex items-center justify-between'>