Index: sources/gui/qml/components/BackButton.qml =================================================================== diff -u -rcd7de5f6d239a11615ba8c6c03339a10996486ca -r7045fd6002bdeb28e23a7af6a708a852d522ad12 --- sources/gui/qml/components/BackButton.qml (.../BackButton.qml) (revision cd7de5f6d239a11615ba8c6c03339a10996486ca) +++ sources/gui/qml/components/BackButton.qml (.../BackButton.qml) (revision 7045fd6002bdeb28e23a7af6a708a852d522ad12) @@ -22,15 +22,39 @@ /*! * \brief Denali project Back Button */ -TouchRect { id : backRect - signal pressed() +TouchRect { id : _root + readonly property int margin: (_root.height - Variables.backIconDiameter) / 2 + backgroundColor: "Transparent" + animated : true + width : 115 + height : 45 + anchors { + top : parent.top + left : parent.left + margins : 35 + } - width : 115 - height: 45 - x : 25 - y : 25 - text.text: qsTr("Back") - button.onClicked: { - pressed() + Image { id: _image + anchors { + left : _root.left + leftMargin : _root.margin + verticalCenter: parent.verticalCenter + } + + width : Variables.backIconDiameter + height: Variables.backIconDiameter + source: "qrc:/images/iBack" } + + text { + text: qsTr("BACK") + font.bold : true + font.pixelSize: Fonts.fontPixelBack + anchors { + centerIn: null // disable the parent anchor + verticalCenter: _root.verticalCenter + left: _image.right + leftMargin: _root.margin + } + } }