Fix mobile map overlays and GPS recentering

wwwroot/css/app.css

@@ -1833,12 +1833,16 @@ footer {
 
     .map-info {
         right: 8px;
-        bottom: 72px;
+        bottom: calc(var(--nav-height) + 116px);
         left: 8px;
+        display: -webkit-box;
         max-width: none;
         overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+        line-height: 1.35;
+        overflow-wrap: anywhere;
+        white-space: normal;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
     }
 
     .bottom-tabs button {

wwwroot/js/lme-map.js

@@ -5637,6 +5637,12 @@ function onGpsPosition(position) {
     updateGpsPositionLayers(latlng, lmeState.lastAccuracy);
     if (firstLiveFix) {
         lmeState.map.setView(latlng, 19);
+    } else if (!lmeState.map.getBounds().contains(latlng)) {
+        lmeState.map.panTo(latlng, {
+            animate: true,
+            duration: 0.5,
+            easeLinearity: 0.25
+        });
     }
 
     if (lmeState.gpsTrailEnabled) {