TrackObjectRenderer and Signal bugfixes

*Fixed track objects having too small hover area
*Fixed track objects names not being centered
*Removed unneccessary '\' from Signal.getPrintableSignalName causing a warning

src/components/map/ObjectsRenderQueue.js

@@ -26,12 +26,6 @@ const ObjectRendererQueue = [
         'renderer': SwitchNameRenderer,
         'cond': (settings) => settings.layers['switches-names']
     },
-    {
-        'name': 'track-objects',
-        'category': 'track-objects',
-        'renderer': TrackObjectRenderer,
-        'cond': (settings) => settings.layers['track-objects']
-    },
     {
         'name': 'signals',
         'category': 'track-objects',
@@ -50,7 +44,13 @@ const ObjectRendererQueue = [
         'category': 'routes',
         'renderer': RouteRenderer,
         'cond': (settings) => settings.layers['routes']
-    }
+    },
+    {
+        'name': 'track-objects',
+        'category': 'track-objects',
+        'renderer': TrackObjectRenderer,
+        'cond': (settings) => settings.layers['track-objects']
+    },
 ]
 
 export default ObjectRendererQueue;

src/components/map/object-renderers/TrackObjectRenderer.js

@@ -5,6 +5,14 @@ export default function TrackObjectRenderer(props) {
 
     return (
         <g className="track-object">
+            <rect
+                x={x - 2}
+                y={y - 2}
+                width='4px'
+                height='4px'
+                fill='transparent'
+                stroke='none'
+            ></rect>
             <circle
                 cx={x}
                 cy={y}
@@ -16,6 +24,8 @@ export default function TrackObjectRenderer(props) {
                 id={`track-object-${object.id}`}
                 style={{ userSelect: "none" }}
                 enableBackground="new 0 0 100 100"
+                textAnchor="middle"
+                dominantBaseline="middle"
             >
                 {text}
             </text>

src/model/signal.js

@@ -34,7 +34,7 @@ export default class Signal extends TrackObject {
         }
 
         // remove everything after the first '[' or '<' character (inclusive)
-        const match = name.match(/^[^<\[]*/);
+        const match = name.match(/^[^<[]*/);
         if (match) {
             name = match[0].trim();
         }