From 2e605084c6371afd2f9b2b12650fa7a90e056bbf Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Fri, 4 Apr 2025 15:47:46 +1300
Subject: [PATCH] Improve shaka player css

---
 materialious/electron/package-lock.json       |  4 ++--
 .../src/lib/css/shaka-player-theme.css        | 20 ++++++++++---------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/materialious/electron/package-lock.json b/materialious/electron/package-lock.json
index a13de3d1..371835f2 100644
--- a/materialious/electron/package-lock.json
+++ b/materialious/electron/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.7.18",
+	"version": "1.7.19",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.7.18",
+			"version": "1.7.19",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",
diff --git a/materialious/src/lib/css/shaka-player-theme.css b/materialious/src/lib/css/shaka-player-theme.css
index bee376c4..e54e5113 100644
--- a/materialious/src/lib/css/shaka-player-theme.css
+++ b/materialious/src/lib/css/shaka-player-theme.css
@@ -154,12 +154,14 @@
 }
 
 .youtube-theme .shaka-settings-menu button {
-  font-size: 12px;
+  font-size: 1em;
+  border: none;
+  margin: 0;
 }
 
 .youtube-theme .shaka-settings-menu button span {
   margin-left: 33px;
-  font-size: 13px;
+  font-size: 1em;
 }
 
 .youtube-theme .shaka-settings-menu button[aria-selected="true"] {
@@ -179,7 +181,7 @@
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1;
-  font-size: 18px;
+  font-size: 1em;
   padding-left: 5px;
 }
 
@@ -217,7 +219,7 @@
   -ms-flex-negative: initial;
   flex-shrink: initial;
   padding-left: 15px;
-  font-size: 13px;
+  font-size: 1em;
   font-weight: 500;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -230,7 +232,7 @@
 .youtube-theme .shaka-overflow-menu span+span {
   color: var(--primary-text);
   font-weight: 400 !important;
-  font-size: 12px !important;
+  font-size: 1em !important;
   padding-right: 8px;
   padding-left: 0 !important;
 }
@@ -247,13 +249,13 @@
 .youtube-theme .shaka-back-to-overflow-button {
   padding: 8px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  font-size: 12px;
+  font-size: 1em;
   color: var(--primary-text);
   height: 40px;
 }
 
 .youtube-theme .shaka-back-to-overflow-button .material-icons-round {
-  font-size: 15px;
+  font-size: 1em;
   padding-right: 10px;
 }
 
@@ -288,12 +290,12 @@
 }
 
 .youtube-theme .shaka-overflow-menu-button {
-  font-size: 18px;
+  font-size: 1em;
   margin-right: 5px;
 }
 
 .youtube-theme .shaka-fullscreen-button:hover {
-  font-size: 25px;
+  font-size: 1em;
   -webkit-transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
   transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
 }