From 1030cb265a46436a1903cdf66d88a7dd3351d3aa Mon Sep 17 00:00:00 2001 From: Rick Walsh Date: Tue, 19 Jan 2016 20:12:49 +1100 Subject: 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 Signed-off-by: Dirk Hohndel --- qt-mobile/qml/DiveDetailsView.qml | 25 +++++++++---------------- 1 file changed, 9 insertions(+), 16 deletions(-) (limited to 'qt-mobile/qml') diff --git a/qt-mobile/qml/DiveDetailsView.qml b/qt-mobile/qml/DiveDetailsView.qml index 7fdbc2a2e..a4a66ec41 100644 --- a/qt-mobile/qml/DiveDetailsView.qml +++ b/qt-mobile/qml/DiveDetailsView.qml @@ -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 { -- cgit v1.2.3-70-g09d2