From 714b7f8e3d944785c5a24dee09d3d837aadf23dd Mon Sep 17 00:00:00 2001
From: "sigonasr2, Sig, Sigo" <sigonasr2@gmail.com>
Date: Mon, 16 Aug 2021 02:47:52 +0000
Subject: [PATCH] Fixed the height discrepancies in Skill Tree grid.

---
 src/TestPanel.js | 4 ----
 src/style.css    | 8 +++-----
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/TestPanel.js b/src/TestPanel.js
index 3fef320..1f2e7aa 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -236,10 +236,6 @@ useEffect(()=>{
   setSkillTreeClass(p.GetData("class",className,'id'))
 },[className])
 
-useEffect(()=>{
-
-})
-
 //console.log(p.GetData("class",p.className,"icon"))
 
     return (<>
diff --git a/src/style.css b/src/style.css
index a355a61..3f62b0c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -717,7 +717,7 @@ li.treeListSub {
 	margin-right: 5px;
 }
 .skillTreeBox {
-	flex: 1 3 1108px;
+	flex: 1 3 auto;
 	margin: 0;
 	min-width: 171px;
 	min-height: auto;
@@ -737,8 +737,7 @@ li.treeListSub {
 }*/
 .skillTreeGrid {
 	display: grid;
-	grid-template-columns: repeat(6, 171px);
-	gap: 10px;
+	grid-template-columns: repeat(6, 181px);
 	grid-template-areas:
 	"a1 b1 c1 d1 e1 f1"
 	"a2 b2 c2 d2 e2 f2"
@@ -746,7 +745,6 @@ li.treeListSub {
 	"a4 b4 c4 d4 e4 f4"
 	"a5 b5 c5 d5 e5 f5"
 	"a6 b6 c6 d6 e6 f6";
-	margin-right: 10px;
 }
 .skillTreeGrid div {
 	background-color: rgba(128,128,128,0.33);
@@ -758,7 +756,7 @@ li.treeListSub {
 	text-align: center;
 	height: 148px;
 	position: relative;
-	margin: 0 0 37px 0;
+	margin: 0 10px 48px 0;
 }
 .skillTreeGrid div:hover .skillButtons {
 	visibility: visible;