From 3795a5c4153a0716942fcc7364aa2283ffbc608c Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Mon, 18 Mar 2024 22:21:02 +1300
Subject: [PATCH] Fixed shorts taking up too much height

---
 materialious/src/lib/Player.svelte | 4 ++--
 materialious/static/style.css      | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/materialious/src/lib/Player.svelte b/materialious/src/lib/Player.svelte
index e0971b24..58fc1138 100644
--- a/materialious/src/lib/Player.svelte
+++ b/materialious/src/lib/Player.svelte
@@ -23,7 +23,7 @@
 
 	export let data: { video: VideoPlay };
 
-	let categoryBeingSkipped = 'sponsorblock-alert';
+	let categoryBeingSkipped = '';
 
 	let player: Plyr | undefined;
 	let sponsorBlock: SponsorBlock | undefined;
@@ -186,5 +186,5 @@
 {:else if !data.video.isListed}
 	<h3>Video isn't listed</h3>
 {:else}
-	<video width="100%" id="player" playsinline controls> </video>
+	<video id="player" playsinline controls> </video>
 {/if}
diff --git a/materialious/static/style.css b/materialious/static/style.css
index aa8af310..a3dab621 100644
--- a/materialious/static/style.css
+++ b/materialious/static/style.css
@@ -1,3 +1,11 @@
 .plyr--full-ui.plyr--video .plyr__control--overlaid, .plyr__control {
     display: flex !important;
+}
+
+video {
+    max-height: 720px;
+}
+
+.plyr:fullscreen video {
+    max-height: initial !important;
 }
\ No newline at end of file