From f76e41c39880ab75e8b2637c49d203ac078eba39 Mon Sep 17 00:00:00 2001
From: Trevor Mears <trevor.mears@gmail.com>
Date: Sat, 27 Dec 2025 21:58:07 -0800
Subject: [PATCH] Fixed CSS issue video player to not display correctly on
 widescreen resolutions

---
 public/css/main.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/public/css/main.css b/public/css/main.css
index 9ff4478..cd65b86 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -404,6 +404,9 @@ h4 {
   flex: 1;
   position: relative;
   background: #000;
+  overflow: hidden;
+  min-height: 0;
+  /* Allow flex child to shrink */
 }
 
 /* Favorites */
@@ -443,7 +446,10 @@ h4 {
 #video-player {
   width: 100%;
   height: 100%;
+  max-height: 100%;
   background: #000;
+  object-fit: contain;
+  /* Maintain aspect ratio without overflow */
 }
 
 .player-overlay {