From fa159feffa7c4f8c6a3f5abd000238af7010cbbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 4 Mar 2026 21:41:07 +0100
Subject: [PATCH] fix: remove black border below video controls
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- video: inline → block w-full (eliminates baseline descender gap)
- media-controller: fill parent container with absolute inset-0 w-full h-full

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/routes/videos/[slug]/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/routes/videos/[slug]/+page.svelte b/packages/frontend/src/routes/videos/[slug]/+page.svelte
index f8c30fd..cc33034 100644
--- a/packages/frontend/src/routes/videos/[slug]/+page.svelte
+++ b/packages/frontend/src/routes/videos/[slug]/+page.svelte
@@ -162,14 +162,14 @@ let showPlayer = $state(false);
         >
           <div class="relative aspect-video bg-black">
             {#if showPlayer}
-              <media-controller>
+              <media-controller class="absolute inset-0 w-full h-full">
                 <video
                   slot="media"
                   src={getAssetUrl(data.video.movie)}
                   poster={getAssetUrl(data.video.image, 'preview')}
                   autoplay
                   ontimeupdate={handleTimeUpdate}
-                  class="inline"
+                  class="block w-full"
                 >
                   <track kind="captions" />
                 </video>