From 9af0763d86d20519764adca035e4c931a4b336cb Mon Sep 17 00:00:00 2001
From: Nils Knappmeier <npm@knappi.org>
Date: Sat, 24 Aug 2024 14:40:45 +0200
Subject: [PATCH] fix video container size

---
 src/YoutubePlayer/PlayerContainer.tsx | 24 ++++++++++--------------
 src/YoutubePlayer/adapter.ts          |  1 -
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/YoutubePlayer/PlayerContainer.tsx b/src/YoutubePlayer/PlayerContainer.tsx
index b954030..6f82211 100644
--- a/src/YoutubePlayer/PlayerContainer.tsx
+++ b/src/YoutubePlayer/PlayerContainer.tsx
@@ -41,22 +41,18 @@ const PlayerContainer: Component<{
   }
 
   return (
-    <div class={cls("fixed inset-0 bg-primary-dark", visible() ? "visible" : "hidden")}>
-      <SimpleButton
-        class={"absolute top-1 right-1 z-10"}
-        size={"small"}
-        label={t("video.stop")}
-        icon={IconStop}
-        onClick={stop}
-      />
-      <div ref={onPlayerElement} class="absolute inset-0 z-0 pb-32"></div>
+    <div class={cls("fixed inset-0 bg-primary-dark flex flex-col", visible() ? "visible" : "hidden")}>
+      <div ref={onPlayerElement} class="flex-1"></div>
 
       {youtubeLink() != null && (
-        <div
-          class={
-            "absolute bottom-0 left-0 right-0 z-10 bg-secondary-darkest h-32 border-t-4 border-secondary-light text-secondary-light p-4"
-          }
-        >
+        <div class={"bg-secondary-darkest border-t-4 border-secondary-light text-secondary-light p-4 relative"}>
+          <SimpleButton
+            class={"absolute top-1 right-1 z-10"}
+            size={"small"}
+            label={t("video.stop")}
+            icon={IconStop}
+            onClick={stop}
+          />
           <div class={"h-8 p-1 truncate"}>
             {t("video.source")}{" "}
             <a href={youtubeLink()?.videoPackMetadata.source}>{youtubeLink()?.videoPackMetadata.name}</a>
diff --git a/src/YoutubePlayer/adapter.ts b/src/YoutubePlayer/adapter.ts
index 058dfc2..371149b 100644
--- a/src/YoutubePlayer/adapter.ts
+++ b/src/YoutubePlayer/adapter.ts
@@ -20,7 +20,6 @@ export async function loadYoutubeAdapter(container: HTMLDivElement): Promise<You
     playerVars: {
       rel: 0,
       autoplay: 0,
-      //       modestbranding: 1,
       controls: 1,
     },
   });