From b3a074e362eb3dd50dc7f52fc0170827f416ee6d Mon Sep 17 00:00:00 2001
From: Trey t <treytartt@fastmail.com>
Date: Sun, 12 Apr 2026 16:49:12 -0500
Subject: [PATCH] Fix hero card overflow: increase height, padding, stronger
 gradient
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hero card was 470px tall with 36px padding — content was clipping off
the left edge and bottom. Increased to 560px tall with 48px horizontal
padding. Added minimumScaleFactor(0.7) to title text so long matchup
names shrink instead of clip. Strengthened the left gradient overlay
(0.92→0.75→0.4→0.15) so text is readable over the pitcher action photo.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 mlbTVOS/Views/FeaturedGameCard.swift | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/mlbTVOS/Views/FeaturedGameCard.swift b/mlbTVOS/Views/FeaturedGameCard.swift
index 57e2593..52c01e5 100644
--- a/mlbTVOS/Views/FeaturedGameCard.swift
+++ b/mlbTVOS/Views/FeaturedGameCard.swift
@@ -96,9 +96,10 @@ struct FeaturedGameCard: View {
                 .overlay {
                     LinearGradient(
                         colors: [
-                            Color.black.opacity(0.85),
-                            Color.black.opacity(0.48),
-                            Color.black.opacity(0.22),
+                            Color.black.opacity(0.92),
+                            Color.black.opacity(0.75),
+                            Color.black.opacity(0.4),
+                            Color.black.opacity(0.15),
                         ],
                         startPoint: .leading,
                         endPoint: .trailing
@@ -140,6 +141,7 @@ struct FeaturedGameCard: View {
                     .font(titleFont)
                     .foregroundStyle(DS.Colors.onDarkPrimary)
                     .lineLimit(2)
+                    .minimumScaleFactor(0.7)
             }
 
             Spacer(minLength: 16)
@@ -465,10 +467,10 @@ struct FeaturedGameCard: View {
     }
 
     #if os(tvOS)
-    private var heroHeight: CGFloat { 470 }
+    private var heroHeight: CGFloat { 560 }
     private var heroRadius: CGFloat { 34 }
-    private var heroPadH: CGFloat { 36 }
-    private var heroPadV: CGFloat { 34 }
+    private var heroPadH: CGFloat { 48 }
+    private var heroPadV: CGFloat { 40 }
     private var detailPanelWidth: CGFloat { 360 }
     private var detailPanelPad: CGFloat { 26 }
     private var detailPanelWidthCompact: CGFloat { 320 }