Kleiner Kreis mit Tailwind in Popup erstellen für die Meldungen

components/MapComponent.js

@@ -699,9 +699,13 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
         );
         let additionalInfo = "";
 
-        // Alle gefundenen Me-Werte zu einem String hinzufügen
-        matchingStatuses.forEach((status) => {
-          additionalInfo += `<br>${status.Me} ( <span style="color: ${status.Co};">${status.Na}</span>) `;
+        // Umdrehen der Reihenfolge der Statusmeldungen
+        matchingStatuses.reverse().forEach((status) => {
+          additionalInfo += `
+          <div class="flex items-center my-1">
+            <div class="w-2 h-2 mr-2 inline-block rounded-full" style="background-color: ${status.Co};"></div>
+            ${status.Me}&nbsp;<span style="color: ${status.Co};">(${status.Na})</span>
+          </div>`;
         });
 
         const marker = L.marker([station.X, station.Y], {