From 9cf63bea9cdfab41122c3e096597d2910d6c35a6 Mon Sep 17 00:00:00 2001
From: Xavier Araque <francisco.araque@toolfactory.net>
Date: Wed, 29 Oct 2025 17:39:43 +0100
Subject: [PATCH] feat: fix chip, title artist

---
 ui/src/themes/SquiddiesGlass.css.js |  1 -
 ui/src/themes/SquiddiesGlass.js     | 24 +++++++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/ui/src/themes/SquiddiesGlass.css.js b/ui/src/themes/SquiddiesGlass.css.js
index f9c5a88db..a32716a77 100644
--- a/ui/src/themes/SquiddiesGlass.css.js
+++ b/ui/src/themes/SquiddiesGlass.css.js
@@ -54,7 +54,6 @@ const stylesheet = `
   }
 }
 
-
 @keyframes gradientFlow {
   0% { background-position: 0% 50%; }
   50% { background-position: 100% 50%; }
diff --git a/ui/src/themes/SquiddiesGlass.js b/ui/src/themes/SquiddiesGlass.js
index 6ef470426..1bc579f5f 100644
--- a/ui/src/themes/SquiddiesGlass.js
+++ b/ui/src/themes/SquiddiesGlass.js
@@ -259,6 +259,8 @@ export default {
       content: {
         padding: '0 !important',
         background: `linear-gradient(${colors.dark}, ${colors.gray[500]})`,
+        borderTopRightRadius: '8px',
+        borderTopLeftRadius: '8px',
       },
       contentWithSidebar: {
         gap: '2px',
@@ -344,8 +346,6 @@ export default {
     // Navidrome Custom Components
     NDAlbumDetails: {
       root: {
-        borderTopRightRadius: '8px',
-        borderTopLeftRadius: '8px',
         boxShadow: 'none',
         background: `linear-gradient(45deg, ${colors.purple[500]}, ${colors.purple[400]}, ${colors.purple[600]})`,
         backgroundSize: '200% 200%',
@@ -375,8 +375,9 @@ export default {
         fontWeight: 900,
       },
       recordArtist: {
-        fontSize: '.875rem',
+        fontSize: '1.5rem',
         fontWeight: 700,
+        textShadow: '0 2px 16px rgba(0, 0, 0, 0.3)',
       },
       recordMeta: {
         fontSize: '.875rem',
@@ -387,6 +388,23 @@ export default {
         paddingTop: '0px',
       },
     },
+    RaSingleFieldList: {
+      root: {
+        '& a:first-of-type > .MuiChip-root': {
+          marginLeft: '0px',
+        },
+        '& a > .MuiChip-root': {
+          backgroundColor: colors.pink[500],
+          fontSize: '0.6rem',
+          height: '20px',
+          '& .MuiChip-label': {
+            color: colors.white,
+            paddingLeft: '5px',
+            paddingRight: '5px',
+          },
+        },
+      },
+    },
     NDAlbumGridView: {
       albumName: {
         marginTop: '0.5rem',