Make easing.qml usable on highres capacitive screen

1 files changed, 8 insertions, 7 deletions

diff --git a/examples/declarative/animation/easing/easing.qml b/examples/declarative/animation/easing/easing.qml
index 0089452..ffb129d 100644
--- a/examples/declarative/animation/easing/easing.qml
+++ b/examples/declarative/animation/easing/easing.qml
@@ -94,36 +94,37 @@ Rectangle {
         id: delegate
 
         Item {
-            height: 42; width: window.width
+            height: 56; width: window.width
 
             Text { text: name; anchors.centerIn: parent; color: "White" }
 
             Rectangle {
-                id: slot1; color: "#121212"; x: 30; height: 32; width: 32
-                border.color: "#343434"; border.width: 1; radius: 8
+                id: slot1; color: "#121212"; x: 30; height: 46; width: 46
+                border.color: "#343434"; border.width: 1; radius: 12
                 anchors.verticalCenter: parent.verticalCenter
             }
 
             Rectangle {
-                id: slot2; color: "#121212"; x: window.width - 62; height: 32; width: 32
-                border.color: "#343434"; border.width: 1; radius: 8
+                id: slot2; color: "#121212"; x: window.width - 76; height: 46; width: 46
+                border.color: "#343434"; border.width: 1; radius: 12
                 anchors.verticalCenter: parent.verticalCenter
             }
 
             Rectangle {
                 id: rect; x: 30; color: "#454545"
                 border.color: "White"; border.width: 2
-                height: 32; width: 32; radius: 8
+                height: 46; width: 46; radius: 12
                 anchors.verticalCenter: parent.verticalCenter
 
                 MouseArea {
                     onClicked: if (rect.state == '') rect.state = "right"; else rect.state = ''
                     anchors.fill: parent
+                    anchors.margins: -5 // Make MouseArea bigger than the rectangle, itself
                 }
 
                 states : State {
                     name: "right"
-                    PropertyChanges { target: rect; x: window.width - 62; color: ballColor }
+                    PropertyChanges { target: rect; x: window.width - 76; color: ballColor }
                 }
 
                 transitions: Transition {