From fc3b7b8b56a6fc2c5e32a5d92d08db9d8375702d Mon Sep 17 00:00:00 2001
From: Lars Toenning <dev@ltoenning.de>
Date: Sun, 31 Jul 2022 16:35:15 +0200
Subject: [PATCH] Phi: Highlight "follow aircraft" button if enabled

---
 Phi/widgets/map.html | 6 ++++++
 Phi/widgets/map.js   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/Phi/widgets/map.html b/Phi/widgets/map.html
index 3ca150192..9fc397b9a 100644
--- a/Phi/widgets/map.html
+++ b/Phi/widgets/map.html
@@ -69,4 +69,10 @@
     width: 40px;
     height: 40px;
 }
+
+.mapOptionEnabled {
+    outline: 3px solid green;
+    border-radius: 5px;
+}
+
 </style>
diff --git a/Phi/widgets/map.js b/Phi/widgets/map.js
index c4fe87433..9839f238e 100644
--- a/Phi/widgets/map.js
+++ b/Phi/widgets/map.js
@@ -150,7 +150,7 @@ define(
 
                     followAircraftControl.onAdd = function(map) {
                         this._div = L.DomUtil.create('div', 'followAircraft');
-                        this._div.innerHTML = '<img src="images/followAircraft.svg" title="Center Map on Aircraft Position" data-bind="click: toggleFollowAircraft"/>';
+                        this._div.innerHTML = '<img src="images/followAircraft.svg" title="Center Map on Aircraft Position" data-bind="css: { mapOptionEnabled: followAircraft() }, click: toggleFollowAircraft"/>';
                         return this._div;
                     }
                     followAircraftControl.addTo(self.map);