From 08c078566af1cdbe1461e9c1413138a320f83130 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Tue, 29 Oct 2024 00:37:27 -0400
Subject: [PATCH] Remove padding and increase width of player controls

---
 .../ft-shaka-video-player.css                     | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
index 87d9f32b3..497f2bd9e 100644
--- a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -239,6 +239,21 @@
   }
 }
 
+@media only screen and (width >= 1000px) {
+  :deep(.shaka-bottom-controls) {
+    /* remove some bottom padding since the seek bar is above */
+    padding-bottom: 0;
+
+    /* make seekbar take full width on non-mobile devices */
+    width: 100%;
+  }
+
+  /* increase height of captions area since we remove the padding-bottom below the seekbar */
+  :deep(.shaka-controls-container[shown='true']~.shaka-text-container) {
+    bottom: 12.5%;
+  }
+}
+
 @media only screen and (width <=1350px) {
   :deep(.theatre-button) {
     display: none;