@@ -3,7 +3,7 @@ AbstractButton {
33 property var components;
44 property var cardData;
55 property string artShapeStyle: "inset";
6− property string backgroundShapeStyle: "inset";
6+ property string backgroundShapeStyle: "inset";
77 property real fontScale: 1.0;
88 property var scopeStyle: null;
99 property int titleAlignment: Text.AlignLeft;
@@ -80,11 +80,21 @@ CardAudioProgress {
8080 visible: parent.pressed;
8181 radius: "medium";
8282 }
83+ Rectangle {
84+ color: "black";
85+ opacity: 0.5;
86+ anchors.centerIn: parent;
87+ width: parent.width * 0.5;
88+ height: width;
89+ radius: width * 0.5;
90+ }
8391 Icon {
84− anchors.fill: parent;
85− anchors.margins: parent.height > units.gu(5) ? units.gu(2) : 0;
92+ anchors.centerIn: parent;
93+ width: parent.width * 0.3;
94+ height: width;
8695 opacity: 0.9;
8796 name: DashAudioPlayer.playing && AudioUrlComparer.compare(parent.source, DashAudioPlayer.currentSource) ? "media-playback-pause" : "media-playback-start";
97+ color: "white";
8898 }
8999 onClicked: {
90100 if (AudioUrlComparer.compare(source, DashAudioPlayer.currentSource)) {