@@ -2,7 +2,7 @@ AbstractButton {
22 id: root;
33 property var cardData;
44 property string artShapeStyle: "inset";
5− property string backgroundShapeStyle: "inset";
5+ property string backgroundShapeStyle: "inset";
66 property real fontScale: 1.0;
77 property var scopeStyle: null;
88 property int titleAlignment: Text.AlignLeft;
@@ -79,11 +79,20 @@ CardAudioProgress {
7979 visible: parent.pressed;
8080 radius: "medium";
8181 }
82+ Rectangle {
83+ color: Qt.rgba(0, 0, 0, 0.5);
84+ anchors.centerIn: parent;
85+ width: parent.width * 0.5;
86+ height: width;
87+ radius: width / 2;
88+ }
8289 Icon {
83− anchors.fill: parent;
84− anchors.margins: parent.height > units.gu(5) ? units.gu(2) : 0;
90+ anchors.centerIn: parent;
91+ width: parent.width * 0.3;
92+ height: width;
8593 opacity: 0.9;
8694 name: DashAudioPlayer.playing && AudioUrlComparer.compare(parent.source, DashAudioPlayer.currentSource) ? "media-playback-pause" : "media-playback-start";
95+ color: "white";
8796 }
8897 onClicked: {
8998 if (AudioUrlComparer.compare(source, DashAudioPlayer.currentSource)) {