From 03765ad652c8178cc09376d5944db072a858bf7a Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Fri, 5 Apr 2024 03:57:45 +0200
Subject: [PATCH] [UI] Better style for music widget.

---
 .../http/webapp/src/components/widgets/Music/Index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/widgets/Music/Index.vue b/platypush/backend/http/webapp/src/components/widgets/Music/Index.vue
index 1e671cff8..f9d10d819 100644
--- a/platypush/backend/http/webapp/src/components/widgets/Music/Index.vue
+++ b/platypush/backend/http/webapp/src/components/widgets/Music/Index.vue
@@ -451,7 +451,7 @@ $bottom-height: 2em;
       height: 100%;
       background-size: cover;
       background-position: center;
-      filter: contrast(0.5) opacity(0.2);
+      filter: contrast(0.15) opacity(0.5);
     }
   }
 
@@ -474,7 +474,6 @@ $bottom-height: 2em;
     height: calc(100% - #{$bottom-height});
 
     .section {
-      border-radius: 1em;
       flex-direction: column;
 
       &.has-image {
@@ -483,8 +482,8 @@ $bottom-height: 2em;
       }
 
       &.has-progress {
-        width: 100%;
-        padding: 0.25em;
+        width: calc(100% - 0.5em);
+        padding: 1.5em 0.25em;
       }
     }
   }
@@ -498,6 +497,7 @@ $bottom-height: 2em;
 
       &.has-image {
         border-top: none;
+        box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.15);
       }
     }
   }
@@ -508,7 +508,7 @@ $bottom-height: 2em;
     justify-content: center;
 
     &.has-image {
-      background: rgba(255, 255, 255, 0.3);
+      background: rgba(255, 255, 255, 0.4);
       box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.15);
     }
   }