From 605f35c5bd4d7b391c5fe18cbcda46bddc7df3cf Mon Sep 17 00:00:00 2001
From: b <a>
Date: Tue, 19 Jan 2021 23:35:25 -0600
Subject: [PATCH] Fix UI on mobile, and powder specials

---
 builder.js |  2 +-
 index.html | 56 +++++++++++++++++++++++++++---------------------------
 narrow.css |  8 ++++----
 styles.css |  8 --------
 4 files changed, 33 insertions(+), 41 deletions(-)

diff --git a/builder.js b/builder.js
index 5fc0370..0be9ece 100644
--- a/builder.js
+++ b/builder.js
@@ -637,7 +637,7 @@ function updateBoosts(buttonId, recalcStats) {
             }
             elem.classList.add("toggleOn");
         }
-        updatePowderSpecials("skip"); //jank pt 1
+        updatePowderSpecials("skip", false); //jank pt 1
     } else {
         for (const [key, value] of damageMultipliers) {
             let elem = document.getElementById(key + "-boost")
diff --git a/index.html b/index.html
index 1a165e2..c9738ed 100644
--- a/index.html
+++ b/index.html
@@ -27,13 +27,13 @@
                 <div style="grid-column:1/span 2;grid-row:1">
                     <table>
                         <tr>
-                            <th class="center title">
+                            <th class="center smalltitle">
                                 <label>Equipment</label>
                             </th>
-                            <th class="center title">
+                            <th class="center smalltitle">
                                 <label>Powdering</label>
                             </th>
-                            <th class="center title">
+                            <th class="center smalltitle">
                                 <label>Accessories</label>
                             </th>
                         </tr>
@@ -302,27 +302,27 @@
                                         </p>
                                         <p class = "Quake itemp" id = "Quake">
                                             <b>
-                                                <button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')">
+                                                <button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1', true)">
                                                     4
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')">
+                                                <button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2', true)">
                                                     4.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')">
+                                                <button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3', true)">
                                                     5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')">
+                                                <button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4', true)">
                                                     5.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')">
+                                                <button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5', true)">
                                                     6
                                                 </button>
                                             </b>
@@ -336,27 +336,27 @@
                                         </p>
                                         <p class = "Chain_Lightning itemp" id = "Chain_Lightning">
                                             <b>
-                                                <button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')">
+                                                <button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1', true)">
                                                     4
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')">
+                                                <button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2', true)">
                                                     4.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')">
+                                                <button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3', true)">
                                                     5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')">
+                                                <button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4', true)">
                                                     5.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')">
+                                                <button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5', true)">
                                                     6
                                                 </button>
                                             </b>
@@ -370,27 +370,27 @@
                                         </p>
                                         <p class = "Curse itemp" id = "Curse">
                                             <b>
-                                                <button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')">
+                                                <button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1', true)">
                                                     4
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')">
+                                                <button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2', true)">
                                                     4.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')">
+                                                <button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3', true)">
                                                     5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')">
+                                                <button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4', true)">
                                                     5.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')">
+                                                <button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5', true)">
                                                     6
                                                 </button>
                                             </b>
@@ -404,27 +404,27 @@
                                         </p>
                                         <p class = "Courage itemp" id = "Courage">
                                             <b>
-                                                <button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')">
+                                                <button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1', true)">
                                                     4
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')">
+                                                <button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2', true)">
                                                     4.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')">
+                                                <button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3', true)">
                                                     5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')">
+                                                <button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4', true)">
                                                     5.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')">
+                                                <button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5', true)">
                                                     6
                                                 </button>
                                             </b>
@@ -438,27 +438,27 @@
                                         </p>
                                         <p class = "Air_Prison itemp" id = "Air_Prison">
                                             <b>
-                                                <button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1')">
+                                                <button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1', true)">
                                                     4
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2')">
+                                                <button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2', true)">
                                                     4.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3')">
+                                                <button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3', true)">
                                                     5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4')">
+                                                <button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4', true)">
                                                     5.5
                                                 </button>
                                             </b>
                                             <b>
-                                                <button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5')">
+                                                <button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5', true)">
                                                     6
                                                 </button>
                                             </b>
diff --git a/narrow.css b/narrow.css
index 0fc69c1..6cc7a34 100644
--- a/narrow.css
+++ b/narrow.css
@@ -49,11 +49,11 @@
 
 .title{
     text-align: center;
-    font-size: 190%;
+    font-size: 150%;
 }
 .smalltitle{
     text-align: center;
-    font-size: 155%;
+    font-size: 125%;
     margin-top: 10px;
     margin-bottom: 4px;
 }
@@ -67,7 +67,7 @@
     text-decoration: none;
     font-family: 'Nunito',sans-serif;
     font-weight: 700;
-    font-size: 113%;
+    font-size: 100%;
     display: inline-block;
 }
 button {
@@ -79,6 +79,6 @@ button {
     text-decoration: none;
     font-family: 'Nunito',sans-serif;
     font-weight: 700;
-    font-size: 150%;
+    font-size: 125%;
     display: inline-block;
 }
diff --git a/styles.css b/styles.css
index 27c526f..6a9cfd5 100644
--- a/styles.css
+++ b/styles.css
@@ -70,14 +70,6 @@ div {
 a.link{
     color: #A5FDFF;
 }
-.title{
-    text-align: center;
-    font-size: 150%;
-}
-.smalltitle{
-    text-align: center;
-    font-size: 125%;
-}
 .center {
     text-align: center;
     position: relative;