@@ -46,7 +46,7 @@ MouseArea {
4646 anchors {
4747 left: shape.right
4848 leftMargin: units.gu(1)
49− right: star.right
49+ right: starArea.right
5050 rightMargin: units.gu(1)
5151 verticalCenter: parent.verticalCenter
5252 }
@@ -55,21 +55,20 @@ MouseArea {
5555 maximumLineCount: 1
5656 verticalAlignment: Text.AlignHCenter
5757 }
58− Icon {
59− id: star
60− anchors {
61− right: parent.right
62− rightMargin: units.gu(1)
63− verticalCenter: parent.verticalCenter
64− }
65− height: units.gu(2)
66− width: units.gu(2)
67− // TODO is view-grid-symbolic what we really want here? Looks good but seems semantically wrong
68− source: editMode ? "image://theme/view-grid-symbolic" : isFavorite ? "image://theme/starred" : "image://theme/non-starred"
69− MouseArea {
70− enabled: !editMode
71− anchors.fill: parent
72− onClicked: root.requestFavorite(model.scopeId, !isFavorite);
58+ MouseArea {
59+ id: starArea
60+ height: parent.height
61+ width: height
62+ anchors.right: parent.right
63+ enabled: !editMode
64+ onClicked: root.requestFavorite(model.scopeId, !isFavorite);
65+ Icon {
66+ id: star
67+ anchors.centerIn: parent
68+ height: units.gu(2)
69+ width: units.gu(2)
70+ // TODO is view-grid-symbolic what we really want here? Looks good but seems semantically wrong
71+ source: editMode ? "image://theme/view-grid-symbolic" : isFavorite ? "image://theme/starred" : "image://theme/non-starred"
7372 }
7473 }
7574}