From bf1d119bd84d63ad0b8facdbf32e319b30e894f2 Mon Sep 17 00:00:00 2001
From: Allan Eising <allan@eising.dk>
Date: Sat, 14 Jun 2025 22:09:43 +0200
Subject: [PATCH] Use a single button instead of drop down

---
 .../frontend/templates/clients/client.html.j2 |  2 +-
 .../templates/clients/partials/tree.html.j2   | 33 ++++++-------------
 .../src/sshecret_admin/static/css/main.css    |  6 ++++
 3 files changed, 17 insertions(+), 24 deletions(-)

diff --git a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2 b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2
index a176f2a..945547b 100644
--- a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2
+++ b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2
@@ -19,7 +19,7 @@
           <li>
             <div class="flex items-center">
               <svg class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
-            <span class="ml-1 text-gray-400 md:ml-2 dark:text-gray-500" aria-current="page">{{ client.name }}</span>
+            <span class="ml-1 text-gray-400 md:ml-2 dark:text-gray-500" aria-current="page">View</span>
             </div>
           </li>
         </ol>
diff --git a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2 b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2
index 9502a03..05a82a8 100644
--- a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2
+++ b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2
@@ -19,29 +19,16 @@
     <div
       class="flex justify-end px-4"
       >
-      <button id="client-tree-menu-button" data-dropdown-toggle="client-tree-menu" class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
-        <span class="sr-only">Open dropdown</span>
-        <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
-          <path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
-        </svg>
-      </button>
-      <!-- Dropdown menu -->
-      <div id="client-tree-menu" class="z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700">
-        <ul class="py-2" aria-labelledby="client-menu-button">
-          <li>
-            <a
-              href="#"
-              data-drawer-target="drawer-create-client-default"
-              data-drawer-show="drawer-create-client-default"
-              aria-controls="drawer-create-client-default"
-              data-drawer-placement="right"
-              class="block px-4 py-2 text-sm text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
-              >
-              New client
-            </a>
-          </li>
-        </ul>
-      </div>
+      <sl-icon-button
+        name="plus-square"
+        label="Add Client"
+        data-drawer-target="drawer-create-client-default"
+        data-drawer-show="drawer-create-client-default"
+        aria-controls="drawer-create-client-default"
+        data-drawer-placement="right"
+
+
+        ></sl-icon-button>
     </div>
   </div>
   <div class="flex-1 overflow-auto">
diff --git a/packages/sshecret-admin/src/sshecret_admin/static/css/main.css b/packages/sshecret-admin/src/sshecret_admin/static/css/main.css
index 5a19a95..3317fc3 100644
--- a/packages/sshecret-admin/src/sshecret_admin/static/css/main.css
+++ b/packages/sshecret-admin/src/sshecret_admin/static/css/main.css
@@ -682,6 +682,12 @@
   .h-\[12px\] {
     height: 12px;
   }
+  .h-\[16px\] {
+    height: 16px;
+  }
+  .h-\[32px\] {
+    height: 32px;
+  }
   .h-\[36rem\] {
     height: 36rem;
   }