From 7df41d16d761358c7de1bec26e638b80e5495b9d 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 1/3] 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 343fe610211e9..471fe55c2ba59 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
@@ -243,6 +243,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;

From 4c65027e43f33d3dc1a2cac5829696838a8d6eb5 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Sun, 24 Nov 2024 11:02:37 -0500
Subject: [PATCH 2/3] Increase height and set line-height for player buttons

Co-Authored-By: Jason <84899178+kommunarr@users.noreply.github.com>
---
 .../ft-shaka-video-player/ft-shaka-video-player.css          | 5 +++++
 1 file changed, 5 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 471fe55c2ba59..66a739db2b56a 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
@@ -256,6 +256,11 @@
   :deep(.shaka-controls-container[shown='true']~.shaka-text-container) {
     bottom: 12.5%;
   }
+
+  :deep(.shaka-controls-button-panel>button) {
+    height: 40px;
+    line-height: 0.5;
+  }
 }
 
 @media only screen and (width <=1350px) {

From f4a7bfef1e08cb5682e562af48d77565d8bc0af3 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Mon, 25 Nov 2024 11:49:35 -0500
Subject: [PATCH 3/3] fix button tooltip position

---
 .../ft-shaka-video-player/ft-shaka-video-player.css         | 6 ++++++
 1 file changed, 6 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 66a739db2b56a..7a70c5910aa2c 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
@@ -261,6 +261,12 @@
     height: 40px;
     line-height: 0.5;
   }
+
+  :deep(.shaka-tooltips-on button:active::after),
+  :deep(.shaka-tooltips-on button:focus-visible::after),
+  :deep(.shaka-tooltips-on button:hover::after) {
+    margin-bottom: 8px;
+  }
 }
 
 @media only screen and (width <=1350px) {