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, 3 insertions, 4 deletions

diff --git a/qt-mobile/qml/DiveDetails.qml b/qt-mobile/qml/DiveDetails.qml
index 32fa73042..5b597a0df 100644
--- a/qt-mobile/qml/DiveDetails.qml
+++ b/qt-mobile/qml/DiveDetails.qml
@@ -1,10 +1,9 @@
 import QtQuick 2.3
 import QtQuick.Controls 1.2
 import QtQuick.Controls.Styles 1.2
-import QtQuick.Window 2.2
 import QtQuick.Dialogs 1.2
 import QtQuick.Layouts 1.1
-import QtQuick.Window 2.2
+import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
 import org.subsurfacedivelog.mobile 1.0
 
 Item {
@@ -45,7 +44,7 @@ Item {
 
 				Label {
 					Layout.columnSpan: 2
-					font.pointSize: units.titlePointSize
+					font.pointSize: MobileComponents.Units.titlePointSize
 					text: "Dive " + number + " (" + date + ")"
 				}
 
@@ -55,7 +54,7 @@ Item {
 					Layout.preferredHeight: qmlProfile.visible ? qmlProfile.height : profileHideButton.height
 					QMLProfile {
 						id: qmlProfile
-						height: units.gridUnit * 25
+						height: MobileComponents.Units.gridUnit * 25
 						anchors {
 							top: parent.top
 							left: parent.left