From 21f1f6baaa5bc6deca7c996750184dafa43d3fc2 Mon Sep 17 00:00:00 2001
From: Falkan <falkan@openclaw.local>
Date: Wed, 18 Mar 2026 16:26:39 -0400
Subject: [PATCH] fix: replace braille glyph drag handle with SVG grip icon

---
 src/routes/admin/+page.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index c694f1a..b0c45e3 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -729,7 +729,7 @@
                   ondragstart={(e) => onUnitDragStart(e, unit.id, unit.group ?? null)}
                   ondragend={onUnitDragEnd}
                   title="Drag to reorder"
-                >⠿</span>
+                ><svg xmlns="http://www.w3.org/2000/svg" width="10" height="14" viewBox="0 0 10 14" fill="currentColor" aria-hidden="true"><circle cx="2" cy="2" r="1.5"/><circle cx="8" cy="2" r="1.5"/><circle cx="2" cy="7" r="1.5"/><circle cx="8" cy="7" r="1.5"/><circle cx="2" cy="12" r="1.5"/><circle cx="8" cy="12" r="1.5"/></svg></span>
                 <input
                   type="checkbox"
                   checked={checkedUnitIds.has(unit.id)}
@@ -786,7 +786,7 @@
                 ondragstart={(e) => onUnitDragStart(e, unit.id, null)}
                 ondragend={onUnitDragEnd}
                 title="Drag to reorder"
-              >⠿</span>
+              ><svg xmlns="http://www.w3.org/2000/svg" width="10" height="14" viewBox="0 0 10 14" fill="currentColor" aria-hidden="true"><circle cx="2" cy="2" r="1.5"/><circle cx="8" cy="2" r="1.5"/><circle cx="2" cy="7" r="1.5"/><circle cx="8" cy="7" r="1.5"/><circle cx="2" cy="12" r="1.5"/><circle cx="8" cy="12" r="1.5"/></svg></span>
               <input
                 type="checkbox"
                 checked={checkedUnitIds.has(unit.id)}
@@ -1280,11 +1280,12 @@
   .drag-handle {
     cursor: grab;
     color: var(--pico-muted-color);
-    font-size: 0.9rem;
     padding: 0 0.1rem;
     flex-shrink: 0;
     user-select: none;
     line-height: 1;
+    display: inline-flex;
+    align-items: center;
   }
   .drag-handle:active {
     cursor: grabbing;