From ea23a691bf7e5b46b26a62972c2902b732c5455e Mon Sep 17 00:00:00 2001
From: izawartka <59137928+izawartka@users.noreply.github.com>
Date: Sun, 8 Jun 2025 13:34:40 +0200
Subject: [PATCH] Made tracks more visible at smaller scales

*Made all tracks at least 1px wide, even at small scales, which improves their visibility
---
 src/components/map/Map.css                           | 5 +++++
 src/components/map/object-renderers/TrackRenderer.js | 8 ++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/map/Map.css b/src/components/map/Map.css
index c7042fa..a62a4d9 100644
--- a/src/components/map/Map.css
+++ b/src/components/map/Map.css
@@ -10,6 +10,11 @@
     stroke-width: 1.44px;
 }
 
+.map svg path.track-unscaled {
+    stroke-width: 1px;
+    vector-effect: non-scaling-stroke;
+}
+
 .map svg text {
     font-size: 2px;
     text-shadow: 0 0 16px #000;
diff --git a/src/components/map/object-renderers/TrackRenderer.js b/src/components/map/object-renderers/TrackRenderer.js
index 507de81..8a5c1df 100644
--- a/src/components/map/object-renderers/TrackRenderer.js
+++ b/src/components/map/object-renderers/TrackRenderer.js
@@ -24,11 +24,15 @@ function StatelessTrackRenderer(props) {
   const defs = getTrackDefs(object, trackColorMode);
 
   return (
-    <g>
+    <g id={`track-${object.id}`}>
       {defs}
       <path
         d={path}
-        id={`track-${object.id}`}
+        stroke={color}
+        className="track-unscaled"
+      />
+      <path
+        d={path}
         stroke={color}
         className="track"
       />