From 9d27595d3146880d410ff3cbcde546ac1301be70 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Mon, 13 Oct 2025 19:10:56 +0200
Subject: [PATCH] fix(video): simplify video container - remove negative
 margins and complex layout hacks

---
 src/styles/components/reader.css | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css
index d9856050..36e4b6c9 100644
--- a/src/styles/components/reader.css
+++ b/src/styles/components/reader.css
@@ -6,25 +6,19 @@
   padding: 0.75rem; 
   text-align: left; 
   overflow: hidden; 
-  contain: layout style;
   max-width: 900px;
   margin: 0 auto;
 }
 
-/* Wider reader for videos */
-.reader:has(.reader-video) {
-  max-width: 100%;
-}
-/* Video container in reader - break out of padding to use full width */
+/* Video container - simple responsive wrapper */
 .reader-video { 
   width: 100%;
-  margin: -0.75rem -0.75rem 1rem -0.75rem; 
-  border-radius: 0;
-  overflow: hidden;
-  position: relative;
   aspect-ratio: 16 / 9;
+  position: relative;
+  background: #000;
+  margin-bottom: 1rem;
 }
-/* Make ReactPlayer fill the container */
+/* Make ReactPlayer fill the aspect ratio container */
 .reader-video > div {
   position: absolute !important;
   top: 0;