theme test improvements

- fix page magins
- add headings
- add screen dimensions in gridUnits

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

qt-mobile/qml/ThemeTest.qml

@@ -5,24 +5,36 @@ import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
 GridLayout {
 	id: themetest
 	columns: 2
-	anchors.margins: MobileComponents.Units.gridUnit
+	anchors.margins: MobileComponents.Units.gridUnit / 2
 
 	MobileComponents.Heading {
 		Layout.columnSpan: 2
 		text: "Theme Information"
 	}
 
+	MobileComponents.Heading {
+		text: "Screen"
+		Layout.columnSpan: 2
+		level: 3
+	}
 	FontMetrics {
 		id: fm
 	}
 
 	MobileComponents.Label {
-		text: "Geometry:"
+		text: "Geometry (pixels):"
 	}
 	MobileComponents.Label {
 		text: rootItem.width + "x" + rootItem.height
 	}
 
+	MobileComponents.Label {
+		text: "Geometry (gridUnits):"
+	}
+	MobileComponents.Label {
+		text: Math.round(rootItem.width / MobileComponents.Units.gridUnit) + "x" + Math.round(rootItem.height / MobileComponents.Units.gridUnit)
+	}
+
 	MobileComponents.Label {
 		text: "Units.gridUnit:"
 	}
@@ -37,6 +49,12 @@ GridLayout {
 		text: MobileComponents.Units.devicePixelRatio
 	}
 
+	MobileComponents.Heading {
+		text: "Font Metrics"
+		level: 3
+		Layout.columnSpan: 2
+	}
+
 	MobileComponents.Label {
 		text: "FontMetrics pointSize:"
 	}
@@ -49,7 +67,6 @@ GridLayout {
 	}
 	MobileComponents.Label {
 		text: fm.height
-
 	}
 
 	MobileComponents.Label {