From a6e737980c041cd8e45e73e134688bcb6e8710ab Mon Sep 17 00:00:00 2001
From: dudleycu <dudleyc.twitch@gmail.com>
Date: Wed, 18 Aug 2021 19:37:50 +0900
Subject: [PATCH 1/3] added className to img pagecontrol for skill tree window

---
 src/TestPanel.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/TestPanel.js b/src/TestPanel.js
index d54b3a3..c597c82 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -584,7 +584,7 @@ AUGMENT
             <h1>Class Skill Tree</h1>
             <div className="boxExit" onClick={() => { setClassSkillTreeWindowOpen(false) }}></div>
           </div>
-          <PageControl pages={Object.keys(p.GetData("class")).length} pageNames={[<><img alt="" src={DisplayIcon(p.GetData("class",{className},"icon"))} /> {className}</>, <><img alt="" src={DisplayIcon("/icons/class/fo.png")} /> {subclassName}</>, "Launcher", "Rod", "Talis"]} currentPage={treePage} setCurrentPage={setTreePage} />
+          <PageControl pages={Object.keys(p.GetData("class")).length} pageNames={[<><img className="boxMenuIcon" alt="" src={DisplayIcon(p.GetData("class",{className},"icon"))} /> {className}</>, <><img alt="" src={DisplayIcon("/icons/class/fo.png")} /> {subclassName}</>, "Launcher", "Rod", "Talis"]} currentPage={treePage} setCurrentPage={setTreePage} />
           {treePage === 1 ? <>
             <div className="skillTreeContainer customScrollbar">
               <div style={{ position: "relative" }}>

From a6defe45333137201674b22c74d949ba0ff3ac4e Mon Sep 17 00:00:00 2001
From: dudleycu <dudleyc.twitch@gmail.com>
Date: Wed, 18 Aug 2021 19:47:53 +0900
Subject: [PATCH 2/3] stopped nico from global takeover (hard set dimensions on
 smaht content)

---
 src/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/style.css b/src/style.css
index 53e0162..6ba0a1b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -533,6 +533,9 @@ li.r4 {
 .boxmenu img {
 	vertical-align: middle;
 }
+.boxMenuIcon {
+	max-height: 16px;
+}
 .pageControlDetails {
 	background-color: rgba(25, 30, 35, 0.66) !important;
 	margin: 10px 5px 0 auto !important;
@@ -751,6 +754,7 @@ div.skillLocked img, div.skillLocked span.skillAllocated, div.skillLocked em.ski
 }
 .skillIcon {
 	margin: 0 auto;
+	max-width: 48px;
 }
 .skillAllocated {
 	display: block;

From 177bf5c3390dc45822710fde8d0a126bc9cc3e70 Mon Sep 17 00:00:00 2001
From: dudleycu <dudleyc.twitch@gmail.com>
Date: Wed, 18 Aug 2021 20:14:14 +0900
Subject: [PATCH 3/3] changed className for skill tree box menu icons

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

diff --git a/src/TestPanel.js b/src/TestPanel.js
index 4001994..cdb313a 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -584,7 +584,7 @@ AUGMENT
             <h1>Class Skill Tree</h1>
             <div className="boxExit" onClick={() => { setClassSkillTreeWindowOpen(false) }}></div>
           </div>
-          <PageControl pages={Object.keys(p.GetData("class")).length} pageNames={[<><img className="boxMenuIcon" alt="" src={DisplayIcon(p.GetData("class",{className},"icon"))} /> {className}</>, <><img alt="" src={DisplayIcon("/icons/class/fo.png")} /> {subclassName}</>, "Launcher", "Rod", "Talis"]} currentPage={treePage} setCurrentPage={setTreePage} />
+          <PageControl pages={Object.keys(p.GetData("class")).length} pageNames={[<><img className="boxMenuClassIcon" alt="" src={DisplayIcon(p.GetData("class",{className},"icon"))} /> {className}</>, <><img alt="" src={DisplayIcon("/icons/class/fo.png")} /> {subclassName}</>, "Launcher", "Rod", "Talis"]} currentPage={treePage} setCurrentPage={setTreePage} />
           {treePage === 1 ? <>
             <div className="skillTreeContainer customScrollbar">
               <div style={{ position: "relative" }}>
diff --git a/src/style.css b/src/style.css
index 6ba0a1b..2a82799 100644
--- a/src/style.css
+++ b/src/style.css
@@ -533,7 +533,7 @@ li.r4 {
 .boxmenu img {
 	vertical-align: middle;
 }
-.boxMenuIcon {
+.boxMenuClassIcon {
 	max-height: 16px;
 }
 .pageControlDetails {