From 6cbf313faafede9bf60b4f943b50c27960b5daf7 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 27 Mar 2022 10:25:14 -0500
Subject: [PATCH] Fixed double glow on tree nodes

---
 src/features/trees/TreeNode.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/features/trees/TreeNode.vue b/src/features/trees/TreeNode.vue
index 34332d4..42e43be 100644
--- a/src/features/trees/TreeNode.vue
+++ b/src/features/trees/TreeNode.vue
@@ -12,7 +12,7 @@
             ...unref(classes)
         }"
     >
-        <button
+        <div
             @click="click"
             @mousedown="start"
             @mouseleave="stop"
@@ -31,7 +31,7 @@
             ]"
         >
             <component :is="unref(comp)" />
-        </button>
+        </div>
         <MarkNode :mark="unref(mark)" />
         <Node :id="id" />
     </Tooltip>
@@ -156,7 +156,7 @@ export default defineComponent({
     margin: 0 10px 0 10px;
 }
 
-.treeNode button {
+.treeNode > *:first-child {
     width: 100%;
     height: 100%;
     border: 2px solid rgba(0, 0, 0, 0.125);
@@ -166,6 +166,7 @@ export default defineComponent({
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
     box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25) inset, 0px 0px 20px var(--background);
     text-transform: capitalize;
+    display: flex;
 }
 
 .treeNode.small {
@@ -173,7 +174,7 @@ export default defineComponent({
     width: 60px;
 }
 
-.treeNode.small button {
+.treeNode.small > *:first-child {
     font-size: 30px;
 }