From f70273425ecd135067fa0986fd82c4d66b707a35 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 24 Apr 2022 13:41:37 -0500
Subject: [PATCH] Fixed spacing in Tree.vue

---
 src/features/trees/Tree.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/features/trees/Tree.vue b/src/features/trees/Tree.vue
index 1f41d9c..d2c4d68 100644
--- a/src/features/trees/Tree.vue
+++ b/src/features/trees/Tree.vue
@@ -34,7 +34,9 @@ export default defineComponent({
                 jsx(() => (
                     <>
                         {currNodes.map(row => (
-                            <span class="row">{row.map(renderJSX)}</span>
+                            <span class="row tree-row" style="margin: 50px auto;">
+                                {row.map(renderJSX)}
+                            </span>
                         ))}
                     </>
                 ))
@@ -74,10 +76,6 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.row {
-    margin: 50px auto;
-}
-
 .left-side-nodes {
     position: absolute;
     left: 15px;
@@ -90,6 +88,11 @@ export default defineComponent({
     top: 65px;
 }
 
+.left-side-nodes :deep(.treeNode),
+.side-nodes :deep(.treeNode) {
+    margin: 20px auto;
+}
+
 .small :deep(.treeNode) {
     height: 60px;
     width: 60px;