From eabe5b2de879d655aa55b3b7ae5ba6f57201e217 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Mon, 2 Sep 2024 12:37:27 +1200
Subject: [PATCH] move ids to top of details section

---
 src/public/index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/public/index.html b/src/public/index.html
index 8341027..80382d1 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -667,6 +667,18 @@
                                 <div class="bg-gray-200 p-2 font-semibold">Details</div>
                                 <ul role="list" class="flex-1 divide-y divide-gray-200">
 
+                                    <!-- id -->
+                                    <li class="flex p-3">
+                                        <div class="text-sm font-medium text-gray-900">ID</div>
+                                        <div class="ml-auto text-sm text-gray-700">{{ selectedNode.node_id }}</div>
+                                    </li>
+
+                                    <!-- hex id -->
+                                    <li class="flex p-3">
+                                        <div class="text-sm font-medium text-gray-900">Hex ID</div>
+                                        <div class="ml-auto text-sm text-gray-700">{{ selectedNode.node_id_hex }}</div>
+                                    </li>
+
                                     <!-- role -->
                                     <li class="flex p-3">
                                         <div class="text-sm font-medium text-gray-900">Role</div>
@@ -1055,18 +1067,6 @@
                                 <div class="bg-gray-200 p-2 font-semibold">Other</div>
                                 <ul role="list" class="flex-1 divide-y divide-gray-200">
 
-                                    <!-- id -->
-                                    <li class="flex p-3">
-                                        <div class="text-sm font-medium text-gray-900">ID</div>
-                                        <div class="ml-auto text-sm text-gray-700">{{ selectedNode.node_id }}</div>
-                                    </li>
-
-                                    <!-- hex id -->
-                                    <li class="flex p-3">
-                                        <div class="text-sm font-medium text-gray-900">Hex ID</div>
-                                        <div class="ml-auto text-sm text-gray-700">{{ selectedNode.node_id_hex }}</div>
-                                    </li>
-
                                     <!-- first seen -->
                                     <li class="flex p-3">
                                         <div class="text-sm font-medium text-gray-900">First Seen</div>