QML UI: center delete from divelist button

A small cosmetic change. The delete from divelist button was "glued"
to the top of the line. Not nice, so just center it vertically, and
make the button a tiny bit smaller, so that it fits nicely on the line.

Signed-off-by: Jan Mulder <jlmulder@xs4all.nl>
This commit is contained in:
Jan Mulder 2018-09-30 14:30:03 +02:00 committed by Dirk Hohndel
parent 751286e4e7
commit 40a65a2e6b

View file

@ -196,7 +196,7 @@ Kirigami.ScrollablePage {
} }
Rectangle { Rectangle {
visible: deleteButtonVisible visible: deleteButtonVisible
height: diveListEntry.height - Kirigami.Units.smallSpacing height: diveListEntry.height - 2 * Kirigami.Units.smallSpacing
width: height - 3 * Kirigami.Units.smallSpacing width: height - 3 * Kirigami.Units.smallSpacing
color: subsurfaceTheme.contrastAccentColor color: subsurfaceTheme.contrastAccentColor
antialiasing: true antialiasing: true
@ -204,6 +204,8 @@ Kirigami.ScrollablePage {
anchors { anchors {
left: diveListEntry.right left: diveListEntry.right
right: parent.right right: parent.right
verticalCenter: diveListEntry.verticalCenter
verticalCenterOffset: Kirigami.Units.smallSpacing / 2
} }
Kirigami.Icon { Kirigami.Icon {
anchors { anchors {
@ -211,7 +213,7 @@ Kirigami.ScrollablePage {
verticalCenter: parent.verticalCenter verticalCenter: parent.verticalCenter
} }
source: ":/icons/trash-empty" source: ":/icons/trash-empty"
width: Kirigami.Units.iconSizes.smallMedium width: parent.height
height: width height: width
} }
MouseArea { MouseArea {