simplify and style log page

- less instantiated objects inside each other
- add page heading
- allow wrapping of text

Signed-off-by: Sebastian Kügler <sebas@kde.org>

1 files changed, 10 insertions, 23 deletions

diff --git a/qt-mobile/qml/Log.qml b/qt-mobile/qml/Log.qml
index c2a00c8c3..9e29a4d00 100644
--- a/qt-mobile/qml/Log.qml
+++ b/qt-mobile/qml/Log.qml
@@ -20,29 +20,16 @@ MobileComponents.Page {
 			anchors.fill: parent
 			contentHeight: logContent.height
 			clip: true
-			Item {
-				id: logContent
-				width: logFlick.width
-				height: childrenRect.height + MobileComponents.Units.smallSpacing * 2
-
-				ColumnLayout {
-					anchors {
-						left: parent.left
-						right: parent.right
-						top: parent.top
-						margins: MobileComponents.Units.smallSpacing
-					}
-					spacing: MobileComponents.Units.smallSpacing
-
-					Text {
-						width: logWindow.width
-						wrapMode: Text.Wrap
-						text: manager.logText
-					}
-					Item {
-						height: MobileComponents.Units.gridUnit * 3
-						width: height
-					}
+			ColumnLayout {
+				spacing: MobileComponents.Units.smallSpacing
+				MobileComponents.Heading {
+					text: "Application Log"
+				}
+				MobileComponents.Label {
+					id: logContent
+					width: logFlick.width
+					wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
+					text: manager.logText
 				}
 			}
 		}