highlighting fixed

Author: GuzekAlan

lib/live_debugger/components/tree.ex

@@ -146,22 +146,20 @@ defmodule LiveDebugger.Components.Tree do
       |> assign(:button_id, "tree-node-button-#{assigns.node.parsed_id}-#{assigns.tree_id}")
 
     ~H"""
-    <span
+    <button
       id={@button_id}
       phx-hook="Highlight"
+      phx-click="select_node"
+      phx-value-node_id={@node.parsed_id}
+      phx-value-search-attribute={get_search_attribute(@node)}
+      phx-value-search-value={get_search_value(@node, @parent_dom_id)}
       class={[
-        "flex shrink items-center rounded-md hover:bg-surface-1-bg-hover",
+        "flex shrink grow items-center rounded-md hover:bg-surface-1-bg-hover",
         if(!@collapsible?, do: "p-1")
       ]}
       style={if(!@collapsible?, do: @padding_style)}
     >
-      <button
-        class="flex min-w-0 gap-0.5 items-center"
-        phx-click="select_node"
-        phx-value-node_id={@node.parsed_id}
-        phx-value-search-attribute={get_search_attribute(@node)}
-        phx-value-search-value={get_search_value(@node, @parent_dom_id)}
-      >
+      <span class="flex min-w-0 gap-0.5 items-center">
         <.icon name={@node.icon} class="text-accent-icon w-5 h-5 shrink-0" />
         <.tooltip
           id={"tree-node-#{@node.parsed_id}-#{@tree_id}"}
@@ -172,8 +170,8 @@ defmodule LiveDebugger.Components.Tree do
             <%= @node.label %>
           </span>
         </.tooltip>
-      </button>
-    </span>
+      </span>
+    </button>
     """
   end