fixes

src/components/LocationItem.vue

@@ -3,7 +3,7 @@ import { storeToRefs } from 'pinia';
 import { useSocketioStore } from 'stores/socketio';
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 import type { NominatimResponse } from 'components/models';
-import { Icon, PinCirclePanel } from 'leaflet-extra-markers';
+import { Icon, PinCirclePanel, PinStarPanel } from 'leaflet-extra-markers';
 
 import FormattedAddress from 'components/FormattedAddress.vue';
 
@@ -170,6 +170,7 @@ const humanReadableDateTime = (iso: string) => {
     //    day: 'numeric',
     hour: '2-digit',
     minute: '2-digit',
+    second: '2-digit',
   });
 };
 /*
@@ -279,7 +280,7 @@ const customIcon = computed(() => {
       scale: 1,
       svg: PinCirclePanel,
     });
-  } else {
+  } else if (myUpdatedIndex.value < 0) {
     return new Icon({
       color: 'black',
       accentColor: 'grey',
@@ -288,6 +289,15 @@ const customIcon = computed(() => {
       scale: 1,
       svg: PinCirclePanel,
     });
+  } else {
+    return new Icon({
+      color: 'pink',
+      accentColor: 'black',
+      content: '*',
+      contentColor: 'black',
+      scale: 1,
+      svg: PinStarPanel,
+    });
   }
 });
 
@@ -390,7 +400,7 @@ onUnmounted(() => {
         align-items: center;
       "
     >
-      <q-icon v-html="iconElement.outerHTML" />
+      <q-icon class="drag-handle" v-html="iconElement.outerHTML" />
       <q-item-label caption lines="1" v-if="simulationRunning">
         {{ calculateDeltaTime }}
       </q-item-label>