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 { MobileComponents.Label {
text: dive.date text: dive.date
Layout.minimumWidth: Math.max(MobileComponents.Units.gridUnit * 4, paintedWidth) // helps vertical alignment throughout listview Layout.columnSpan: 2
Layout.columnSpan: 3 }
MobileComponents.Label {
id: numberText
Layout.alignment: Qt.AlignRight
text: "#" + dive.number
color: MobileComponents.Theme.textColor
} }
MobileComponents.Label { MobileComponents.Label {
@ -92,27 +97,15 @@ Item {
} }
MobileComponents.Label { MobileComponents.Label {
text: dive.depth text: dive.depth
Layout.minimumWidth: Math.max(MobileComponents.Units.gridUnit * 4, paintedWidth) // helps vertical alignment throughout listview
} }
MobileComponents.Label { MobileComponents.Label {
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight
text: "Duration: " text: "Duration: "
opacity: 0.6 opacity: 0.6
} }
RowLayout {
MobileComponents.Label { MobileComponents.Label {
text: dive.duration text: dive.duration
} }
Item {
Layout.fillWidth: true
height: parent.height
}
MobileComponents.Label {
id: numberText
text: "#" + dive.number
color: MobileComponents.Theme.textColor
}
}
QMLProfile { QMLProfile {
id: qmlProfile id: qmlProfile