From 9f211142f0fd848325ee792f0262e255066c4f6a Mon Sep 17 00:00:00 2001
From: reschan <h>
Date: Tue, 19 Jul 2022 15:48:52 +0700
Subject: [PATCH] modify overall and offense display constants

---
 builder/index_full.html | 392 ++++++++++++++++++++++++----------------
 js/display_constants.js |  48 +++--
 2 files changed, 267 insertions(+), 173 deletions(-)

diff --git a/builder/index_full.html b/builder/index_full.html
index 2f2b716..71297d6 100644
--- a/builder/index_full.html
+++ b/builder/index_full.html
@@ -56,7 +56,15 @@
         </div>
         <div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-3 py-3">
             <div class="col-xl-6">
-                <div class="row row-cols-1 mb-3 gy-4">
+                <div class="row my-2 g-5 dark-6 rounded-top d-flex d-lg-none">
+                    <div class="col text-center">
+                        <p class="dark-9 fake-button scaled-font" id="equipment-inputs-btn" onclick="show_tab_temp('equipment-inputs', ['equipment-inputs', 'adjust-id'])">Equipments</p>
+                    </div>
+                    <div class="col text-center">
+                        <p class="dark-9 fake-button scaled-font" id="adjust-id-btn" onclick="show_tab_temp('adjust-id', ['equipment-inputs', 'adjust-id'])">Boosts</p>
+                    </div>
+                </div>
+                <div class="row row-cols-1 mb-3 gy-4" id="equipment-inputs">
                     <div class="col">
                         <div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center">
                             <div class="col-auto rounded order-xl-0 order-0">
@@ -420,6 +428,8 @@
                             </div>
                         </div>
                     </div>
+                </div>
+                <div class="row row-cols-1 d-lg-flex" id="adjust-id" style="display: none;">
                     <div class="col">
                         <div class="row row-cols-1 gy-4">
                             <div class="col mb-1">
@@ -622,7 +632,7 @@
                                     </div>
                                     <div class = "col dark-6 rounded-bottom my-3 my-xl-1" id = "atree-dropdown" style = "display:none;">
                                         <div class="row row-cols-1 row-cols-xl-2">
-                                            <div class="col border border-semi-light rounded dark-9 hide-scroll" id="atree-ui" style="height: 90vh; overflow-y: auto; overflow-x: hidden;">
+                                            <div class="col border border-semi-light rounded dark-9 hide-scroll" id="atree-ui" style="height: 90vh; overflow-y: auto;">
 
                                             </div>
                                             <div class="col mx-auto" style="height: 90vh; overflow-y: auto;" id="atree-rhs">
@@ -961,174 +971,248 @@
                                 </div>
                             </div>
                             <div class="col mb-1">
-                                <div class="row row-cols-1 text-center scaled-font dark-5 rounded dark-shadow justify-content-center">
+                                <div class="row row-cols-1 row-cols-1 text-center scaled-font dark-5 rounded dark-shadow">
                                     <div class="col fw-bold dark-4 rounded-top">
                                         Active boosts
                                     </div>
-                                    <div class="col">
-                                        <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="vanish-boost" onclick="update_boosts('vanish-boost')">
-                                            Vanish (+80%)
-                                        </button>
-                                        <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="warscream-boost" onclick="update_boosts('warscream-boost')">
-                                            War Scream
-                                        </button>
-                                        <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="ragnarokkr-boost" onclick="update_boosts('ragnarokkr-boost')">
-                                            Ragnarokkr (+30%)
-                                        </button>
-                                        <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="yourtotem-boost" onclick="update_boosts('yourtotem-boost')">
-                                            Your Totem (+35%)
-                                        </button>
-                                        <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="allytotem-boost" onclick="update_boosts('allytotem-boost')">
-                                            Ally Totem (+15%)
-                                        </button>
-                                        <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="fortitude-boost" onclick="update_boosts('fortitude-boost')">
-                                            Fortitude (+60%)
-                                        </button>
+                                    <div class="col mb-1">
+                                        <div class="col">
+                                            <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="vanish-boost" onclick="update_boosts('vanish-boost')">
+                                                Vanish (+80%)
+                                            </button>
+                                            <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="warscream-boost" onclick="update_boosts('warscream-boost')">
+                                                War Scream
+                                            </button>
+                                            <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="ragnarokkr-boost" onclick="update_boosts('ragnarokkr-boost')">
+                                                Ragnarokkr (+30%)
+                                            </button>
+                                            <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="yourtotem-boost" onclick="update_boosts('yourtotem-boost')">
+                                                Your Totem (+35%)
+                                            </button>
+                                            <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="allytotem-boost" onclick="update_boosts('allytotem-boost')">
+                                                Ally Totem (+15%)
+                                            </button>
+                                            <button class="button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id="fortitude-boost" onclick="update_boosts('fortitude-boost')">
+                                                Fortitude (+60%)
+                                            </button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                             <div class="col mb-1">
                                 <div class="row row-cols-1 rounded text-center dark-5 scaled-font">
-                                    <div class="row p-0 m-0 text-nowrap">
-                                        <div id = "str-boost-tab" class="col eDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('str')">
-                                            Earth
-                                        </div>
-                                        <div id = "dex-boost-tab" class="col tDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('dex')">
-                                            Thunder
-                                        </div>
-                                        <div id = "int-boost-tab" class="col wDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('int')">
-                                            Water
-                                        </div>
-                                        <div id = "def-boost-tab" class="col fDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('def')">
-                                            Fire
-                                        </div>
-                                        <div id = "agi-boost-tab" class="col aDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('agi')">
-                                            Air
+                                    <div class="col">
+                                        <div class="row text-nowrap">
+                                            <div id = "str-boost-tab" class="col eDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('str')">
+                                                Earth
+                                            </div>
+                                            <div id = "dex-boost-tab" class="col tDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('dex')">
+                                                Thunder
+                                            </div>
+                                            <div id = "int-boost-tab" class="col wDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('int')">
+                                                Water
+                                            </div>
+                                            <div id = "def-boost-tab" class="col fDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('def')">
+                                                Fire
+                                            </div>
+                                            <div id = "agi-boost-tab" class="col aDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('agi')">
+                                                Air
+                                            </div>
                                         </div>
                                     </div>
-                                    <div class="row row-cols-1 p-0 m-0" id="str-boost" style="display: none;">
-                                        <div class="col eDam dark-5">
-                                            Quake (Active)
-                                        </div>
-                                        <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1" >
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')">
-                                                Lv.4 [e4e4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')">
-                                                Lv.4.5 [e5e4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')">
-                                                Lv.5 [e5e5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')">
-                                                Lv.5.5 [e6e5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')">
-                                                Lv.6 [e6e6]
-                                            </button>
-                                        </div>
-                                        <div class="col eDam">
-                                            Rage (Passive)
+                                    <div class="col" id="str-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col eDam dark-5">
+                                                Quake (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')">
+                                                            Lv.4 [e4e4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')">
+                                                            Lv.4.5 [e5e4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')">
+                                                            Lv.5 [e5e5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')">
+                                                            Lv.5.5 [e6e5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')">
+                                                            Lv.6 [e6e6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col eDam">
+                                                Rage (Passive)
+                                            </div>
                                         </div>
                                     </div>
-                                    <div class="row row-cols-1 p-0 m-0" id="dex-boost" style="display: none;">
-                                        <div class="col tDam dark-5">
-                                            Chain Lightning (Active)
-                                        </div>
-                                        <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')">
-                                                Lv.4 [t4t4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')">
-                                                Lv.4.5 [t5t4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')">
-                                                Lv.5 [t5t5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')">
-                                                Lv.5.5 [t6t5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')">
-                                                Lv.6 [t6t6]
-                                            </button>
-                                        </div>
-                                        <div class="col tDam">
-                                            Kill Streak (Passive)
+                                    <div class="col" id="dex-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col tDam dark-5">
+                                                Chain Lightning (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')">
+                                                            Lv.4 [t4t4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')">
+                                                            Lv.4.5 [t5t4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')">
+                                                            Lv.5 [t5t5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')">
+                                                            Lv.5.5 [t6t5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')">
+                                                            Lv.6 [t6t6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col tDam">
+                                                Kill Streak (Passive)
+                                            </div>
                                         </div>
                                     </div>
-                                    <div class="row row-cols-1 p-0 m-0" id="int-boost">
-                                        <div class="col wDam dark-5">
-                                            Curse (Active)
-                                        </div>
-                                        <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')">
-                                                Lv.4 [w4w4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')">
-                                                Lv.4.5 [w5w4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')">
-                                                Lv.5 [w5w5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')">
-                                                Lv.5.5 [w6w5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')">
-                                                Lv.6 [w6w6]
-                                            </button>
-                                        </div>
-                                        <div class="col wDam">
-                                            Concentration (Passive)
+                                    <div class="col" id="int-boost">
+                                        <div class="row row-cols-1">
+                                            <div class="col wDam dark-5">
+                                                Curse (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')">
+                                                            Lv.4 [w4w4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')">
+                                                            Lv.4.5 [w5w4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')">
+                                                            Lv.5 [w5w5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')">
+                                                            Lv.5.5 [w6w5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')">
+                                                            Lv.6 [w6w6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col wDam">
+                                                Concentration (Passive)
+                                            </div>
                                         </div>
                                     </div>
-                                    <div class="row row-cols-1 p-0 m-0" id="def-boost" style="display: none;">
-                                        <div class="col fDam dark-5">
-                                            Courage (Active)
-                                        </div>
-                                        <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')">
-                                                Lv.4 [f4f4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')">
-                                                Lv.4.5 [f5f4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')">
-                                                Lv.5 [f5f5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')">
-                                                Lv.5.5 [f6f5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')">
-                                                Lv.6 [f6f6]
-                                            </button>
-                                        </div>
-                                        <div class="col fDam">
-                                            Endurance (Passive)
+                                    <div class="col" id="def-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col fDam dark-5">
+                                                Courage (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')">
+                                                            Lv.4 [f4f4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')">
+                                                            Lv.4.5 [f5f4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')">
+                                                            Lv.5 [f5f5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')">
+                                                            Lv.5.5 [f6f5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')">
+                                                            Lv.6 [f6f6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col fDam">
+                                                Endurance (Passive)
+                                            </div>
                                         </div>
                                     </div>
-                                    <div class="row row-cols-1 p-0 m-0" id="agi-boost" style="display: none;">
-                                        <div class="col aDam dark-5">
-                                            Wind Prison (Active)
-                                        </div>
-                                        <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-1" onclick = "updatePowderSpecials('Wind_Prison-1')">
-                                                Lv.4 [a4a4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-2" onclick = "updatePowderSpecials('Wind_Prison-2')">
-                                                Lv.4.5 [a5a4]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-3" onclick = "updatePowderSpecials('Wind_Prison-3')">
-                                                Lv.5 [a5a5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-4" onclick = "updatePowderSpecials('Wind_Prison-4')">
-                                                Lv.5.5 [a6a5]
-                                            </button>
-                                            <button class = "button-boost m-1 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-5" onclick = "updatePowderSpecials('Wind_Prison-5')">
-                                                Lv.6 [a6a6]
-                                            </button>
-                                        </div>
-                                        <div class="col aDam">
-                                            Dodge (Passive)
+                                    <div class="col" id="agi-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col aDam dark-5">
+                                                Wind Prison (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-1" onclick = "updatePowderSpecials('Wind_Prison-1')">
+                                                            Lv.4 [a4a4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-2" onclick = "updatePowderSpecials('Wind_Prison-2')">
+                                                            Lv.4.5 [a5a4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-3" onclick = "updatePowderSpecials('Wind_Prison-3')">
+                                                            Lv.5 [a5a5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-4" onclick = "updatePowderSpecials('Wind_Prison-4')">
+                                                            Lv.5.5 [a6a5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-5" onclick = "updatePowderSpecials('Wind_Prison-5')">
+                                                            Lv.6 [a6a6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col aDam">
+                                                Dodge (Passive)
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -1137,7 +1221,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-xl-3 mb-3">
+            <div class="col-xl-3 mb-3 order-2 order-lg-1">
                 <div class="row row-cols-1 rounded dark-shadow dark-6 scaled-font">
                     <div class="col rounded-top">
                         <div class="row">
@@ -1157,7 +1241,7 @@
                     <div id="overall-stats" class="col text-nowrap"></div>
                 </div>
             </div>
-            <div class="col-xl-3 mb-3 px-0">
+            <div class="col-xl-3 mb-3 px-0 order-1 order-lg-2">
                 <div class="row row-cols-1 gy-3 mb-4 text-center scaled-font">
                     <div class = "col">
                         <div class = "spell-display spell-expand dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div>
diff --git a/js/display_constants.js b/js/display_constants.js
index 3ad22fb..b4226be 100644
--- a/js/display_constants.js
+++ b/js/display_constants.js
@@ -211,23 +211,13 @@ let posModSuffixes = {
  */
 let build_all_display_commands = [
     "#defense-stats",
-    "str", "dex", "int", "def", "agi",
     "!spacer",
     "mr", "ms",
-    "hprRaw", "hprPct",
     "ls",
-    "sdRaw", "sdPct",
-    "mdRaw", "mdPct",
-    "!elemental",
-    "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
-    "!elemental",
-    "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
-    "atkTier",
     "poison",
     "ref", "thorns",
     "expd",
     "spd",
-    "rainbowRaw",
     "sprint", "sprintReg",
     "jh",
     "xpb", "lb", "lq",
@@ -237,23 +227,43 @@ let build_all_display_commands = [
 ];
 
 let build_offensive_display_commands = [
-    "str", "dex", "int", "def", "agi",
-    "mr", "ms",
+    "hprRaw", "hprPct",
     "sdRaw", "sdPct",
     "mdRaw", "mdPct",
-    "ref", "thorns",
-    "ls",
-    "poison",
-    "expd",
-    "spd",
-    "atkTier",
-    "rainbowRaw",
     "!elemental",
     "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
     "!elemental",
     "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
+    "atkTier",
+    "rainbowRaw",
 ];
 
+// full
+//"#defense-stats",
+//"str", "dex", "int", "def", "agi",
+//"!spacer",
+//"mr", "ms",
+//"hprRaw", "hprPct",
+//"ls",
+//"sdRaw", "sdPct",
+//"mdRaw", "mdPct",
+//"!elemental",
+//"fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
+//"!elemental",
+//"spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
+//"atkTier",
+//"poison",
+//"ref", "thorns",
+//"expd",
+//"spd",
+//"rainbowRaw",
+//"sprint", "sprintReg",
+//"jh",
+//"xpb", "lb", "lq",
+//"spRegen",
+//"eSteal",
+//"gXp", "gSpd",
+
 let build_basic_display_commands = [
     '#defense-stats',
     // defense stats [hp, ehp, hpr, ]