style: popup styling, hide current location on checkin open

resources/css/app.css

@@ -255,16 +255,6 @@ body {
   border-top: none;
 }
 
-.leaflet-popup {
-  max-width: 85vw;
-  max-height: 85vh;
-  min-width: 60vw;
-}
-
-.leaflet-popup-content {
-  width: auto !important;
-}
-
 .popup__image,
 .popup__video {
   width: auto;
@@ -340,10 +330,6 @@ body {
     margin-right: 1em;
   }
 
-  .leaflet-popup {
-    min-width: 350px;
-  }
-
   .popup__image,
   .popup__video {
     max-width: 100%;

resources/views/tracker.blade.php

@@ -76,7 +76,6 @@
                         @php $colour = 180 * ( 1.0 - ( ( $idx ) / ( count($trip->locations) ) ) ); @endphp
                         color: 'rgb({{ $colour }}, {{ $colour }}, {{ $colour }})',
                         weight: 5,
-                        //color: 'rgba(62, 62, 62, {{ ( $idx - 0.5) / (count($trip->locations) - 0.5 ) }})'
                     }).addTo(map);
                 @endfor
 
@@ -147,8 +146,9 @@
                     @endforeach
                 @endif
                 ]);
-                @if ($trip->is_active) map.zoomOut(2.5); @endif
+                @if ($trip->is_active) map.zoomOut(1); @endif
 
+                @if($trip->is_active)
                     /*
                     * Add the current location marker.
                     *
@@ -164,13 +164,18 @@
                         {
                             icon: currLocationMarker
                         }
-                ).addTo(map).setZIndexOffset(1000);
-                @if($trip->is_active) currLocation.bindPopup('<p>Current location</p>').openPopup(); @endif
+                    ).addTo(map)
+
+                    currLocation.bindPopup('<p>Current location</p>', {
+                        width: "400px"
+                    }).openPopup();
+                @endif
 
                 /*
                  * Changes the currently-selected popup.
                  */
                 function toggleCheckin(isOpen, checkinId) {
+                    currLocation.removeFrom(map);
                     if (isOpen) {
                         const checkins = document.querySelectorAll('details');