From 2df69321e905bef097e3f81d17146e412fb9500b Mon Sep 17 00:00:00 2001
From: PxlLoewe <72106766+PxlLoewe@users.noreply.github.com>
Date: Sun, 20 Apr 2025 18:38:43 -0700
Subject: [PATCH] made marker with fit text width

---
 .../_components/map/AircraftMarker.tsx        |   4 ++--
 .../_components/map/MissionMarkers.tsx        |   4 ++--
 grafana/grafana.db                            | Bin 1122304 -> 1122304 bytes
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/dispatch/app/dispatch/_components/map/AircraftMarker.tsx b/apps/dispatch/app/dispatch/_components/map/AircraftMarker.tsx
index 5ed8559e..5dd87cf9 100644
--- a/apps/dispatch/app/dispatch/_components/map/AircraftMarker.tsx
+++ b/apps/dispatch/app/dispatch/_components/map/AircraftMarker.tsx
@@ -265,7 +265,7 @@ const AircraftMarker = ({ aircraft }: { aircraft: Aircraft }) => {
 		return `<div 
 						id="marker-${aircraft.id}"
 						class="${cn(
-							"relative w-[140px] transform flex items-center gap-2 px-2 z-100",
+							"relative w-auto transform inline-flex items-center gap-2 px-2 z-100",
 							anchor.includes("right") && "-translate-x-full",
 							anchor.includes("bottom") && "-translate-y-full",
 						)}"
@@ -291,7 +291,7 @@ const AircraftMarker = ({ aircraft }: { aircraft: Aircraft }) => {
 						>
 							${aircraft.fmsStatus}
 						</span>
-						<span class="text-white text-[15px]">
+						<span class="text-white text-[15px] text-nowrap">
 							${aircraft.bosName}
 						</span>
 						<div 
diff --git a/apps/dispatch/app/dispatch/_components/map/MissionMarkers.tsx b/apps/dispatch/app/dispatch/_components/map/MissionMarkers.tsx
index 83c77d48..869e990c 100644
--- a/apps/dispatch/app/dispatch/_components/map/MissionMarkers.tsx
+++ b/apps/dispatch/app/dispatch/_components/map/MissionMarkers.tsx
@@ -175,7 +175,7 @@ const MissionMarker = ({ mission }: { mission: Mission }) => {
 		return `<div 
 						id="marker-${mission.id}"
 						class="${cn(
-							"relative w-[100px] transform flex items-center gap-2 px-2 z-100",
+							"relative w-auto transform inline-flex items-center gap-2 px-2 z-100",
 							anchor.includes("right") && "-translate-x-full",
 							anchor.includes("bottom") && "-translate-y-full",
 						)}"
@@ -195,7 +195,7 @@ const MissionMarker = ({ mission }: { mission: Mission }) => {
 								${anchor.includes("top") ? `border-top: 3px solid ${MISSION_STATUS_TEXT_COLORS[mission.state]};` : `border-bottom: 3px solid ${MISSION_STATUS_TEXT_COLORS[mission.state]};`}
 							"
 						></div>
-						<span class="text-white text-[15px]">
+						<span class="text-white text-[15px] text-nowrap">
 							${mission.missionSummary}
 						</span>
 						<div 
diff --git a/grafana/grafana.db b/grafana/grafana.db
index 80bfa60ca2e8b5301e65733b7a7dd38370f55301..e0a31156001496959a9527b667d37d91940f1d96 100644
GIT binary patch
delta 87
zcmZoT;L>owWr8$g;zSu|#>B>i)&$1Z1g6#m=GFw3)&$np1h&=$_N@sVrTVO)8LSJ`
g+i&S}05K;Ja{)0o5c2>rFA(zqG5_{k`T}Yn06;1qxc~qF

delta 87
zcmZoT;L>owWr8$g!bBNo#)QU%)&$1Z1g6#m=GFw3)&$np1h&=$_N@sVrTVNP8LYGK
hwcpa`0Afxc<^p1FAm#yLULfWJV*c&7^aa#D003HnAZP#p