QML UI: replcae the "map it" button

Replace the "map it" button implementation with our own button.

Signed-off-by: Joakim Bygdell <j.bygdell@gmail.com>

mobile-widgets/qml/DiveDetailsView.qml

@@ -55,35 +55,14 @@ Item {
 				}
 			}
 		}
-		Rectangle {
+		SsrfButton {
 			id: gpsButton
-			height: Math.round(1.5 * Kirigami.Units.gridUnit)
+			anchors.right: parent.right
-			width: dive.gps == "" ? 0 : buttonText.width + Kirigami.Units.gridUnit
+			enabled: dive.gps !== ""
-			color: subsurfaceTheme.darkerPrimaryColor
+			text: qsTr("Map it")
-			antialiasing: true
+			onClicked: {
-			radius: Kirigami.Units.smallSpacing * 2
+				if (dive.gps_decimal !== "")
-			anchors {
+					showMap(dive.gps_decimal)
-				right: parent.right
-				top: parent.top
-				topMargin: Math.round(Kirigami.Units.gridUnit / 2)
-			}
-			Kirigami.Label {
-				id: buttonText
-				text: qsTr("Map it")
-				visible: dive.gps !== ""
-				color: subsurfaceTheme.darkerPrimaryTextColor
-				anchors {
-					horizontalCenter: parent.horizontalCenter
-					verticalCenter: parent.verticalCenter
-				}
-			}
-			MouseArea {
-				anchors.fill: parent
-				enabled: dive.gps_decimal !== ""
-				onClicked: {
-					if (dive.gps_decimal !== "")
-						showMap(dive.gps_decimal)
-				}
 			}
 		}
 		Row {