From 7789de40ec74917580bc3892cf9a339ae5965725 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 17 Apr 2024 08:40:39 +0200
Subject: [PATCH] =?UTF-8?q?Kleiner=20Kreis=20mit=20Tailwind=20in=20Popup?=
 =?UTF-8?q?=20erstellen=20f=C3=BCr=20die=20Meldungen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/MapComponent.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/MapComponent.js b/components/MapComponent.js
index ff9cfe2b3..a502e71b3 100644
--- a/components/MapComponent.js
+++ b/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], {