From 310d857c7fe93b28ccb7f2206b7eb91eed9cf11f Mon Sep 17 00:00:00 2001 From: Trey t Date: Sun, 12 Apr 2026 16:52:45 -0500 Subject: [PATCH] Fix horizontal overflow: shrink control rail, hero padding, title font Everything was clipping off the left edge because the hero card + Live Radar sidebar + padding exceeded screen width. Reduced control rail from 420px to 340px, hero internal padding from 48px to 40px, detail panel from 360px to 300px, title font from 52pt to 44pt, hero height from 560px to 500px. Co-Authored-By: Claude Opus 4.6 (1M context) --- mlbTVOS/Views/DashboardView.swift | 4 ++-- mlbTVOS/Views/FeaturedGameCard.swift | 10 +++++----- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/mlbTVOS/Views/DashboardView.swift b/mlbTVOS/Views/DashboardView.swift index 5b7cb6b..7bd2e3d 100644 --- a/mlbTVOS/Views/DashboardView.swift +++ b/mlbTVOS/Views/DashboardView.swift @@ -92,9 +92,9 @@ struct DashboardView: View { private var controlRailWidth: CGFloat { #if os(iOS) - horizontalSizeClass == .compact ? 0 : 360 + horizontalSizeClass == .compact ? 0 : 300 #else - 420 + 340 #endif } diff --git a/mlbTVOS/Views/FeaturedGameCard.swift b/mlbTVOS/Views/FeaturedGameCard.swift index 52c01e5..e532921 100644 --- a/mlbTVOS/Views/FeaturedGameCard.swift +++ b/mlbTVOS/Views/FeaturedGameCard.swift @@ -467,18 +467,18 @@ struct FeaturedGameCard: View { } #if os(tvOS) - private var heroHeight: CGFloat { 560 } + private var heroHeight: CGFloat { 500 } private var heroRadius: CGFloat { 34 } - private var heroPadH: CGFloat { 48 } - private var heroPadV: CGFloat { 40 } - private var detailPanelWidth: CGFloat { 360 } + private var heroPadH: CGFloat { 40 } + private var heroPadV: CGFloat { 36 } + private var detailPanelWidth: CGFloat { 300 } private var detailPanelPad: CGFloat { 26 } private var detailPanelWidthCompact: CGFloat { 320 } private var contentSpacing: CGFloat { 26 } private var logoSize: CGFloat { 56 } private var rowPadH: CGFloat { 22 } private var rowPadV: CGFloat { 18 } - private var titleFont: Font { .system(size: 52, weight: .black, design: .rounded) } + private var titleFont: Font { .system(size: 44, weight: .black, design: .rounded) } private var labelFont: Font { .system(size: 15, weight: .black, design: .rounded) } private var codeFont: Font { .system(size: 22, weight: .black, design: .rounded) } private var nameFont: Font { .system(size: 28, weight: .bold, design: .rounded) }