From 6ed4f91cd41b5dcfe96227e6ba85ab766a9ce147 Mon Sep 17 00:00:00 2001
From: Acamaeda <acamaeda@gmail.com>
Date: Wed, 16 Dec 2020 21:41:31 -0500
Subject: [PATCH] 2.3.4

---
 changelog.md       |  4 +++-
 js/Demo/demoMod.js |  2 +-
 js/components.js   |  2 +-
 js/game.js         |  2 +-
 style.css          | 18 ++++++++----------
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/changelog.md b/changelog.md
index 1f93aa3..dfd31ae 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,8 +1,10 @@
 # The Modding Tree changelog:
 
-## v2.3.4 - 12/
+## v2.3.4 - 12/16/20
 - Added an image feature, which puts an image on a node.
 - Resource display now always shows the amount of the currency the layer's gain is based on.
+- Added spacing between tree nodes.
+- Another attempt to fix tooltip flickering.
 
 ## v2.3.3 - 12/13/20
 - Fixed the first node in a row always taking up space.
diff --git a/js/Demo/demoMod.js b/js/Demo/demoMod.js
index 9ca5074..772b8e2 100644
--- a/js/Demo/demoMod.js
+++ b/js/Demo/demoMod.js
@@ -11,7 +11,7 @@ let modInfo = {
 
 // Set your version in num and name
 let VERSION = {
-	num: "2.3.3.1",
+	num: "2.3.4",
 	name: "Cooler and Newer Edition",
 }
 
diff --git a/js/components.js b/js/components.js
index 1b55182..a479ae5 100644
--- a/js/components.js
+++ b/js/components.js
@@ -388,7 +388,7 @@ function loadVue() {
 			key() {return this.$vnode.key}
 		},
 		template: `<div>
-		<span class="nodeRow" v-for="(row, r) in data"><table>
+		<span class="upgRow" v-for="(row, r) in data"><table>
 			<span v-for="(node, id) in row" style = "{width: 0px}">
 				<tree-node :layer='node' :abb='tmp[node].symbol' :key="key + '-' + r + '-' + id"></tree-node>
 			</span>
diff --git a/js/game.js b/js/game.js
index dc80e1a..a0b1d8f 100644
--- a/js/game.js
+++ b/js/game.js
@@ -4,7 +4,7 @@ var gameEnded = false;
 
 // Don't change this
 const TMT_VERSION = {
-	tmtNum: "2.3.3.1",
+	tmtNum: "2.3.4",
 	tmtName: "Cooler and Newer Edition"
 }
 
diff --git a/style.css b/style.css
index adc941c..c618f1a 100644
--- a/style.css
+++ b/style.css
@@ -56,15 +56,6 @@ td {
 	vertical-align: 0
 }
 
-.nodeRow {
-	display: flex !important;
-	flex-flow: row wrap;
-	justify-content: center;
-	align-items: center;
-	max-width: 100%;
-	margin: 0 auto;
-}
-
 h1, h2, h3, b, input {
 	display: inline;
 	font-family: "Lucida Console", "Courier New", monospace
@@ -84,6 +75,7 @@ h1, h2, h3, b, input {
 	color: rgba(0, 0, 0, 0.5);
 	text-shadow: var(--hqProperty3);
 	padding: 0;
+	margin: 0 10px 0 10px;
 }
 
 
@@ -99,7 +91,7 @@ h1, h2, h3, b, input {
 	color: rgba(0, 0, 0, 0.5);
 	text-shadow: var(--hqProperty3);
 	padding: 0;
-
+	margin: 0 10px 0 10px;
 }
 
 
@@ -559,9 +551,12 @@ ul {
 [tooltip]:before,
 [tooltip]:after {
 	visibility: hidden;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
 	opacity: 0;
 	pointer-events: none;
 	white-space: pre-wrap;
+	-webkit-transform:translate3d(0,0,0);
 }
 
 [tooltip]:before {
@@ -603,9 +598,12 @@ ul {
 
 [tooltip]:hover:before,
 [tooltip]:hover:after {
+	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
 	visibility: visible;
 	opacity: 1;
 	white-space: pre-wrap;
+	-webkit-transform:translate3d(0,0,0);
+
 }
 
 #loadingSection {