From 3df2f248fff753027ea31fb6d8d7e1dc1df47103 Mon Sep 17 00:00:00 2001 From: Gigi Date: Mon, 13 Oct 2025 20:53:39 +0200 Subject: [PATCH] fix: use negative margins to make video edge-to-edge within reader - Add negative left/right margins (-0.75rem) to counteract reader padding - Video now extends to the true edges of the reader container - Maintains responsive sizing with 80vw width and aspect ratio - Achieves true edge-to-edge video display --- src/styles/components/reader.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css index 0c43527f..729e5b70 100644 --- a/src/styles/components/reader.css +++ b/src/styles/components/reader.css @@ -17,7 +17,7 @@ min-width: 400px; /* Minimum width */ max-width: 1000px; /* Maximum width */ aspect-ratio: 16/9; - margin: 0 0 1rem 0; /* Remove left/right margins, keep bottom margin */ + margin: 0 -0.75rem 1rem -0.75rem; /* Negative margins to counteract reader padding */ background: #000; } .reader.empty { color: #888; }