QML UI DiveDetailsView: shift dive number to right of top row

In dive details view, shifting the dive number to the right of the top row
means it won't be cut short if the dive duration is 1 hr or longer

Signed-off-by: Rick Walsh <rickmwalsh@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Rick Walsh 2016-01-19 20:12:49 +11:00 committed by Dirk Hohndel
parent 464b88f01f
commit 1030cb265a

View file

@ -80,8 +80,13 @@ Item {
}
MobileComponents.Label {
text: dive.date
Layout.minimumWidth: Math.max(MobileComponents.Units.gridUnit * 4, paintedWidth) // helps vertical alignment throughout listview
Layout.columnSpan: 3
Layout.columnSpan: 2
}
MobileComponents.Label {
id: numberText
Layout.alignment: Qt.AlignRight
text: "#" + dive.number
color: MobileComponents.Theme.textColor
}
MobileComponents.Label {
@ -92,26 +97,14 @@ Item {
}
MobileComponents.Label {
text: dive.depth
Layout.minimumWidth: Math.max(MobileComponents.Units.gridUnit * 4, paintedWidth) // helps vertical alignment throughout listview
}
MobileComponents.Label {
Layout.alignment: Qt.AlignRight
text: "Duration: "
opacity: 0.6
}
RowLayout {
MobileComponents.Label {
text: dive.duration
}
Item {
Layout.fillWidth: true
height: parent.height
}
MobileComponents.Label {
id: numberText
text: "#" + dive.number
color: MobileComponents.Theme.textColor
}
MobileComponents.Label {
text: dive.duration
}
QMLProfile {