Add images to buttons on main page

[harbour-pedalo.git] / qml / components / BarButton.qml

diff --git a/qml/components/BarButton.qml b/qml/components/BarButton.qml
index 052f2e2..ddf2cf0 100644 (file)
--- a/qml/components/BarButton.qml
+++ b/qml/components/BarButton.qml
@@ -28,6 +28,7 @@ MouseArea {
     Label {
         id: label
         text: ""
+        color: Theme.highlightColor
         font.pixelSize: Theme.fontSizeLarge
         anchors.right: parent.right
         anchors.top: parent.top
@@ -42,6 +43,7 @@ MouseArea {
         id: image
         source: ""
         anchors.left: parent.left
+        anchors.leftMargin: Theme.paddingLarge
         fillMode: Image.PreserveAspectFit
         width: parent.height
         height: parent.height
@@ -50,7 +52,7 @@ MouseArea {
     OpacityRampEffect {
         id: verticalBackgroundEffect
         slope: 0.5
-        offset: -1.0
+        offset: -1.5
         direction: OpacityRamp.TopToBottom
         sourceItem: verticalback
     }
@@ -65,8 +67,8 @@ MouseArea {
 
     OpacityRampEffect {
         id: imageeffect
-        slope: 1.0
-        offset: 0.0
+        slope: 0.5
+        offset: -0.8
         direction: OpacityRamp.TopToBottom
         sourceItem: image
     }