add borders to waypoints and make them clickable

1 files changed, 10 insertions, 3 deletions

diff --git a/src/MapWaypoint.qml b/src/MapWaypoint.qml
index 1300cb0..3a56dcc 100644
--- a/src/MapWaypoint.qml
+++ b/src/MapWaypoint.qml
@@ -11,10 +11,17 @@ MapQuickItem {
     autoFadeIn: false
     property string iconName
     property color iconColor
-    sourceItem: Asteroid.Icon {
+    sourceItem: Asteroid.IconButton {
         width: Asteroid.Dims.w(12)
+        iconName: "waypoint"
         height: width
-        name: root.iconName
-        color: root.iconColor
+        iconColor: root.iconColor.hsvValue < 0.5 ? "white" : "black"
+        Asteroid.Icon {
+            anchors.centerIn: parent
+            width: parent.width*0.9
+            height: width
+            name: root.iconName
+            color: root.iconColor
+        }
     }
 }