From 4fd6a4cfd4ba5a4612f4ad024ba1a4fa6265dc37 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Tue, 24 Dec 2024 19:23:38 +1300
Subject: [PATCH] reorder tools section

---
 src/frontend/components/tools/ToolsPage.vue | 32 ++++++++++-----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/frontend/components/tools/ToolsPage.vue b/src/frontend/components/tools/ToolsPage.vue
index fdad138..ee47e82 100644
--- a/src/frontend/components/tools/ToolsPage.vue
+++ b/src/frontend/components/tools/ToolsPage.vue
@@ -10,43 +10,43 @@
                 </div>
             </div>
 
-            <!-- rnode flasher -->
-            <a target="_blank" href="/rnode-flasher/index.html" class="group flex bg-white dark:bg-zinc-800 p-2 rounded shadow hover:bg-gray-50 dark:hover:bg-zinc-700">
+            <!-- ping -->
+            <RouterLink :to="{ name: 'ping' }" class="group flex bg-white dark:bg-zinc-800 p-2 rounded shadow hover:bg-gray-50 dark:hover:bg-zinc-700">
                 <div class="mr-2">
-                    <div class="flex bg-gray-300 text-white rounded shadow">
-                        <img src="/rnode-flasher/reticulum_logo_512.png" class="size-14"/>
+                    <div class="flex bg-gray-300 text-gray-500 rounded shadow p-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10">
+                            <path fill-rule="evenodd" d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z" clip-rule="evenodd" />
+                        </svg>
                     </div>
                 </div>
                 <div class="my-auto mr-auto dark:text-gray-200">
-                    <div class="font-bold">RNode Flasher</div>
-                    <div class="text-sm">Flash RNode firmware to supported devices.</div>
+                    <div class="font-bold">Ping</div>
+                    <div class="text-sm">Allows you to ping a destination hash.</div>
                 </div>
                 <div class="my-auto text-gray-400 group-hover:text-gray-500">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                         <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                     </svg>
                 </div>
-            </a>
+            </RouterLink>
 
-            <!-- ping -->
-            <RouterLink :to="{ name: 'ping' }" class="group flex bg-white dark:bg-zinc-800 p-2 rounded shadow hover:bg-gray-50 dark:hover:bg-zinc-700">
+            <!-- rnode flasher -->
+            <a target="_blank" href="/rnode-flasher/index.html" class="group flex bg-white dark:bg-zinc-800 p-2 rounded shadow hover:bg-gray-50 dark:hover:bg-zinc-700">
                 <div class="mr-2">
-                    <div class="flex bg-gray-300 text-gray-500 rounded shadow p-2">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10">
-                            <path fill-rule="evenodd" d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z" clip-rule="evenodd" />
-                        </svg>
+                    <div class="flex bg-gray-300 text-white rounded shadow">
+                        <img src="/rnode-flasher/reticulum_logo_512.png" class="size-14"/>
                     </div>
                 </div>
                 <div class="my-auto mr-auto dark:text-gray-200">
-                    <div class="font-bold">Ping</div>
-                    <div class="text-sm">Allows you to ping a destination hash.</div>
+                    <div class="font-bold">RNode Flasher</div>
+                    <div class="text-sm">Flash RNode firmware to supported devices.</div>
                 </div>
                 <div class="my-auto text-gray-400 group-hover:text-gray-500">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                         <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                     </svg>
                 </div>
-            </RouterLink>
+            </a>
 
         </div>
     </div>