From e1c75eccf98bb0376c6fccf8efed8ba13f4396ec Mon Sep 17 00:00:00 2001
From: vodofrede <frederik@palmoe.dk>
Date: Mon, 21 Mar 2022 15:41:50 +0100
Subject: [PATCH] added an explanation and removed unnecessary code

---
 src/optimizer.html      | 17 +++++++++++++++++
 src/script/optimizer.js |  5 +----
 src/style/main.css      |  2 +-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/optimizer.html b/src/optimizer.html
index b0e48d4..57b9095 100644
--- a/src/optimizer.html
+++ b/src/optimizer.html
@@ -241,6 +241,23 @@
             </article>
         </div>
 
+        <h3>Explanation & Usage</h3>
+        <p>The columns in the second box represent, in order:</p>
+        <ol>
+            <li>
+                The total level and stats of the optimal class.
+            </li>
+            <li>
+                Desired stats (input what you want here)
+            </li>
+            <li>
+                Calculated stats as they should be in your level-up menu in-game.
+            </li>
+            <li>
+                Calculated final statistics as shown on the "Stats" screen in-game.
+            </li>
+        </ol>
+
         <h3>Softcaps</h3>
         <table>
             <thead>
diff --git a/src/script/optimizer.js b/src/script/optimizer.js
index dc4ac52..4178363 100644
--- a/src/script/optimizer.js
+++ b/src/script/optimizer.js
@@ -83,12 +83,10 @@ async function update() {
 
     document.getElementsByName("subtractive-stat").forEach((elem, i) => {
         elem.value = ((desired[i] > best.stats[i] ? desired[i] : best.stats[i]));
-        elem.value > desired[i] && elem.value > best.stats[i] ? (elem.style.color = "tomato", elem.style.fontWeight = "bold") : (elem.style.color = "unset", elem.style.fontWeight = "unset");
     });
 
     document.getElementsByName("additive-stat").forEach((elem, i) => {
         elem.value = ((desired[i] > best.stats[i] ? desired[i] : best.stats[i]) + items[i]);
-        elem.value < desired[i] || elem.value < best.stats[i] ? (elem.style.color = "deepskyblue", elem.style.fontWeight = "bold") : (elem.style.color = "unset", elem.style.fontWeight = "unset");
     });
 
     // update talismans
@@ -155,5 +153,4 @@ function cloneTemplate(template, destination, item) {
     aside.innerHTML = statsDescription(item.stats);
 
     destination.appendChild(clone);
-}
-
+}
\ No newline at end of file
diff --git a/src/style/main.css b/src/style/main.css
index 638f87b..7bffe9c 100644
--- a/src/style/main.css
+++ b/src/style/main.css
@@ -141,7 +141,7 @@ h6 {
 
 p {
     margin-top: 0rem;
-    margin-bottom: 2rem;
+    margin-bottom: 1rem;
 }
 
 /* links */