use mobilecomponents for our pages

This is a dumb port of a number of properties to use the new theme and
units API.

- import the plugin
- change accessors from units and theme to MobileComponents.Unit and
  MobileComponents.Theme

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

1 files changed, 7 insertions, 6 deletions

diff --git a/qt-mobile/qml/Preferences.qml b/qt-mobile/qml/Preferences.qml
index 59861009c..1e1274e21 100644
--- a/qt-mobile/qml/Preferences.qml
+++ b/qt-mobile/qml/Preferences.qml
@@ -3,6 +3,7 @@ import QtQuick.Controls 1.2
 import QtQuick.Window 2.2
 import QtQuick.Dialogs 1.2
 import QtQuick.Layouts 1.1
+import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
 import org.subsurfacedivelog.mobile 1.0
 
 Item {
@@ -17,12 +18,12 @@ Item {
 	GridLayout {
 		columns: 2
 		anchors.fill: parent
-		anchors.margins: units.gridUnit
+		anchors.margins: MobileComponents.Units.gridUnit
 
 		Label {
 			text: "Cloud credentials"
-			Layout.bottomMargin: units.largeSpacing
-			font.pointSize: units.titlePointSize
+			Layout.bottomMargin: MobileComponents.Units.largeSpacing
+			font.pointSize: MobileComponents.Units.titlePointSize
 			Layout.columnSpan: 2
 		}
 
@@ -74,8 +75,8 @@ Item {
 
 		Label {
 			text: "Subsurface GPS data webservice"
-			Layout.bottomMargin: units.largeSpacing
-			font.pointSize: units.titlePointSize
+			Layout.bottomMargin: MobileComponents.Units.largeSpacing
+			font.pointSize: MobileComponents.Units.titlePointSize
 			Layout.columnSpan: 2
 		}
 
@@ -101,7 +102,7 @@ Item {
 			Layout.fillWidth: true
 		}
 
-		Item { width: units.gridUnit; height: width }
+		Item { width: MobileComponents.Units.gridUnit; height: width }
 		Item {
 			height: saveButton.height
 			width: saveButton.width