Fix vertical offset of non-pin popups

src/components/LDeviceLocationPopup.vue

@@ -1,5 +1,5 @@
 <template>
-  <LPopup>
+  <LPopup :options="options">
     <div class="device">{{ deviceName }}</div>
     <div class="wrapper">
       <img
@@ -136,6 +136,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    options: {
+      type: Object,
+      default: () => {},
+    },
   },
   computed: {
     /**

src/styles/_map.scss

@@ -4,7 +4,10 @@
 
   .leaflet-popup {
     filter: var(--drop-shadow);
-    margin-bottom: calc(var(--pin-width) * 1.5 + 20px);
+
+    &--for-pin {
+      margin-bottom: calc(var(--pin-width) * 1.5 + 20px);
+    }
 
     .leaflet-popup-content-wrapper {
       border-radius: 3px;

src/views/Map.vue

@@ -51,6 +51,7 @@
           :battery="l.batt"
           :speed="l.vel"
           :regions="l.inregions"
+          :options="{ className: 'leaflet-popup--for-pin' }"
         />
       </LMarker>
     </template>