From aaa08995069db066d47119fefeb1650c95b3b097 Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Sun, 19 Apr 2026 19:43:14 -0400
Subject: [PATCH] style: scale up the bracket on wide displays so it actually
 fills the screen

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 app/static/styles.css | 41 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index 8862793..43e415b 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -932,7 +932,7 @@ main {
 
 .bracket-main {
     padding: 1rem 1.25rem 3rem;
-    max-width: 1600px;
+    max-width: 1800px;
     margin: 0 auto;
 }
 
@@ -1150,3 +1150,42 @@ main {
     .bracket-accordion { display: flex; }
 }
 
+/* Scale up the bracket on wide displays so it fills the screen */
+@media (min-width: 1400px) {
+    .bracket-main          { padding: 1.5rem 2rem 4rem; }
+    .bracket-title         { font-size: 2rem; }
+    .bracket-subtitle      { font-size: 1rem; }
+    .bracket-grid          { gap: 1rem; }
+    .bracket-col           { gap: 0.85rem; }
+    .bracket-col-heading   { font-size: 0.85rem; margin-bottom: 0.4rem; }
+    .bracket-matchup       { padding: 0.65rem 0.75rem; border-radius: 10px; }
+    .bracket-col-cup .bracket-matchup { padding: 0.95rem 0.85rem; }
+    .bracket-team {
+        grid-template-columns: 28px 1fr auto auto;
+        gap: 0.55rem;
+        padding: 0.3rem 0;
+        font-size: 1rem;
+    }
+    .bracket-team-logo     { width: 28px; height: 28px; }
+    .bracket-team-seed     { font-size: 0.8rem; }
+}
+
+@media (min-width: 1900px) {
+    .bracket-main          { padding: 2rem 2.5rem 5rem; max-width: 2200px; }
+    .bracket-title         { font-size: 2.5rem; }
+    .bracket-subtitle      { font-size: 1.15rem; }
+    .bracket-grid          { gap: 1.25rem; }
+    .bracket-col           { gap: 1rem; }
+    .bracket-col-heading   { font-size: 1rem; margin-bottom: 0.55rem; }
+    .bracket-matchup       { padding: 0.85rem 0.95rem; border-radius: 12px; }
+    .bracket-col-cup .bracket-matchup { padding: 1.2rem 1rem; }
+    .bracket-team {
+        grid-template-columns: 36px 1fr auto auto;
+        gap: 0.7rem;
+        padding: 0.4rem 0;
+        font-size: 1.15rem;
+    }
+    .bracket-team-logo     { width: 36px; height: 36px; }
+    .bracket-team-seed     { font-size: 0.9rem; }
+}
+