From 6d8ac64798cce8e60f7cd93a400ac848d9d1990e Mon Sep 17 00:00:00 2001
From: Christian Mollekopf <chrigi_1@fastmail.fm>
Date: Thu, 14 Sep 2017 18:36:21 +0200
Subject: LogView: align, elide and wrap correctly.

---
 components/kube/contents/ui/LogView.qml | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'components')

diff --git a/components/kube/contents/ui/LogView.qml b/components/kube/contents/ui/LogView.qml
index 06cd0b66..7841a4b3 100644
--- a/components/kube/contents/ui/LogView.qml
+++ b/components/kube/contents/ui/LogView.qml
@@ -129,21 +129,26 @@ Controls.SplitView {
                 margins: Kube.Units.largeSpacing
             }
             visible: details.message != ""
+            clip: true
             color: Kube.Colors.viewBackgroundColor
             GridLayout {
                 id: gridLayout
+                Layout.minimumWidth: 0
                 anchors {
                     top: parent.top
                     left: parent.left
                 }
+                width: parent.width
                 columns: 2
                 Kube.Label {
                     text: qsTr("Account:")
                     visible: details.accountName
                 }
                 Kube.Label {
+                    Layout.fillWidth: true
                     text: details.accountName
                     visible: details.accountName
+                    elide: Text.ElideRight
                 }
                 Kube.Label {
                     text: qsTr("Account Id:")
@@ -152,6 +157,8 @@ Controls.SplitView {
                 Kube.Label {
                     text: details.accountId
                     visible: details.accountId
+                    Layout.fillWidth: true
+                    elide: Text.ElideRight
                 }
                 Kube.Label {
                     text: qsTr("Resource Id:")
@@ -160,24 +167,30 @@ Controls.SplitView {
                 Kube.Label {
                     text: details.resourceId
                     visible: details.resourceId
+                    Layout.fillWidth: true
+                    elide: Text.ElideRight
                 }
                 Kube.Label {
                     text: qsTr("Timestamp:")
                 }
                 Kube.Label {
                     text: Qt.formatDateTime(details.timestamp, " hh:mm:ss dd MMM yyyy")
+                    Layout.fillWidth: true
+                    elide: Text.ElideRight
                 }
                 Kube.Label {
                     text: qsTr("Message:")
+                    Layout.alignment: Qt.AlignTop
                 }
                 Kube.Label {
                     text: details.message
-                    wrapMode: Text.Wrap
                     Layout.fillWidth: true
+                    wrapMode: Text.Wrap
                 }
                 Item {
                     Layout.columnSpan: 2
                     Layout.fillHeight: true
+                    Layout.fillWidth: true
                 }
                 //TODO offer a possible explanation for known errors and a path to resolution.
             }
-- 
cgit v1.2.3