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>

qt-mobile/qml/Log.qml

@@ -20,29 +20,16 @@ MobileComponents.Page {
 			anchors.fill: parent
 			contentHeight: logContent.height
 			clip: true
-			Item {
+			ColumnLayout {
-				id: logContent
+				spacing: MobileComponents.Units.smallSpacing
-				width: logFlick.width
+				MobileComponents.Heading {
-				height: childrenRect.height + MobileComponents.Units.smallSpacing * 2
+					text: "Application Log"
-
+				}
-				ColumnLayout {
+				MobileComponents.Label {
-					anchors {
+					id: logContent
-						left: parent.left
+					width: logFlick.width
-						right: parent.right
+					wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
-						top: parent.top
+					text: manager.logText
-						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
-					}
 				}
 			}
 		}