From 3cf284d8248efbb1556105b4be20a3b369923e4d Mon Sep 17 00:00:00 2001 From: Christian Mollekopf Date: Sat, 4 Aug 2018 14:55:38 +0200 Subject: Button alignment --- views/calendar/qml/DateSelector.qml | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/views/calendar/qml/DateSelector.qml b/views/calendar/qml/DateSelector.qml index 2a341c41..cdaa819b 100644 --- a/views/calendar/qml/DateSelector.qml +++ b/views/calendar/qml/DateSelector.qml @@ -26,8 +26,17 @@ Column { property date selectedDate spacing: Kube.Units.smallSpacing - Row { + Item { + anchors { + left: parent.left + right: parent.right + } + height: Kube.Units.gridUnit Kube.IconButton { + anchors { + verticalCenter: parent.verticalCenter + left: parent.left + } color: Kube.Colors.darkBackgroundColor iconName: Kube.Icons.goBack_inverted onClicked: { @@ -38,12 +47,19 @@ Column { } } Kube.Label { - anchors.verticalCenter: parent.verticalCenter + anchors { + verticalCenter: parent.verticalCenter + horizontalCenter: parent.horizontalCenter + } color: Kube.Colors.highlightedTextColor font.bold: true text: root.selectedDate.toLocaleString(Qt.locale(), "MMMM yyyy") } Kube.IconButton { + anchors { + verticalCenter: parent.verticalCenter + right: parent.right + } color: Kube.Colors.darkBackgroundColor iconName: Kube.Icons.goNext_inverted onClicked: { -- cgit v1.2.3