From ec055a508db1ae485da7649995e6f2204fbf8caf Mon Sep 17 00:00:00 2001
From: Ole Wieners <olewieners@yahoo.com>
Date: Mon, 13 May 2024 12:50:40 +0200
Subject: [PATCH] Adjust sizing and color of new paella icons

---
 frontend/src/ui/player/Paella.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/ui/player/Paella.tsx b/frontend/src/ui/player/Paella.tsx
index 3fd0b6951..6eb99dd07 100644
--- a/frontend/src/ui/player/Paella.tsx
+++ b/frontend/src/ui/player/Paella.tsx
@@ -264,14 +264,19 @@ const PaellaPlayer: React.FC<PaellaPlayerProps> = ({ event }) => {
                     zIndex: 500000,
                 },
 
-                "& .preview-play-icon, .loader-container i": {
+                "button:has(.preview-play-icon), & .loader-container i": {
+                    maxWidth: 150,
+                },
+
+                "& .preview-play-icon, & .loader-container i": {
                     color: "#ecf0f1",
-                    opacity: "0.8 !important",
+                    opacity: ".8 !important",
                     transition: "opacity 0.08s",
-                },
 
-                "& .preview-play-icon > svg": {
-                    filter: "drop-shadow(0 0 2px #777777)",
+                    "> svg": {
+                        strokeWidth: 1.5,
+                        filter: "drop-shadow(0 0 1px #000)",
+                    },
                 },
 
                 ":hover .preview-play-icon, .loader-container i": {