From 59e2234f9bd6002f3e427fe382b43121fe927b88 Mon Sep 17 00:00:00 2001
From: Robin van der Linde <robin.vanderlinde@gmail.com>
Date: Mon, 15 Apr 2024 00:21:25 +0200
Subject: [PATCH] Fix node icons (#1885)

---
 assets/themes/cyclenodes/cyclenodes.json     | 8 ++++----
 assets/themes/walkingnodes/walkingnodes.json | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/assets/themes/cyclenodes/cyclenodes.json b/assets/themes/cyclenodes/cyclenodes.json
index 94c17b99df..6b38fa4356 100644
--- a/assets/themes/cyclenodes/cyclenodes.json
+++ b/assets/themes/cyclenodes/cyclenodes.json
@@ -155,15 +155,15 @@
             "centroid"
           ],
           "label": {
-            "render": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #00a703; width: 20px; height: 20px; border-radius: 100%'>?</div>",
+            "render": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #00a703'>?</div>",
             "mappings": [
               {
                 "if": "rcn_ref~*",
-                "then": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #00a703; width: 20px; height: 20px; border-radius: 100%'>{rcn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #00a703'>{rcn_ref}</div>"
               },
               {
                 "if": "proposed:rcn_ref~*",
-                "then": "<div style='position: absolute; top: -32px; right: -10px; color: white; background-color: #00a703; width: 20px; height: 20px; border-radius: 100%; border-style:dotted; border-color:white; border-width: 2px'>{proposed:rcn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full border-2 border-white border-dotted' style='background-color: #00a703'>{proposed:rcn_ref}</div>"
               }
             ]
           }
@@ -402,4 +402,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/themes/walkingnodes/walkingnodes.json b/assets/themes/walkingnodes/walkingnodes.json
index bd59bf50b6..e1afe13030 100644
--- a/assets/themes/walkingnodes/walkingnodes.json
+++ b/assets/themes/walkingnodes/walkingnodes.json
@@ -151,15 +151,15 @@
             "centroid"
           ],
           "label": {
-            "render": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #452b29; width: 20px; height: 20px; border-radius: 100%'>?</div>",
+            "render": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #452b29'>?</div>",
             "mappings": [
               {
                 "if": "rwn_ref~*",
-                "then": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #452b29; width: 20px; height: 20px; border-radius: 100%'>{rwn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #452b29'>{rwn_ref}</div>"
               },
               {
                 "if": "proposed:rwn_ref~*",
-                "then": "<div style='position: absolute; top: -31px; right: -10px; color: white; background-color: #452b29; width: 22px; height: 22px; border-radius: 100%; border-style:dotted; border-color:white; border-width: 2px'>{proposed:rwn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full border-2 border-white border-dotted' style='background-color: #452b29'>{proposed:rwn_ref}</div>"
               }
             ]
           }
@@ -369,4 +369,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file