diff --git a/css/sq2bs.css b/css/sq2bs.css
index 59e4e99..c5ac672 100644
--- a/css/sq2bs.css
+++ b/css/sq2bs.css
@@ -7,7 +7,6 @@
}
/* builder containers */
-
.slider {
-webkit-appearance: none;
background: #AAAAAA;
@@ -46,7 +45,6 @@ input[type=range]:focus {
outline: none; /* Removes the border. */
}
-
/* equipment field specifics */
/* inputs and dropdowns */
.form-control {
@@ -174,11 +172,11 @@ input.equipment-input {
}
.scaled-item-icon {
- width: 8rem;
+ width: 6rem;
}
.scaled-item-icon img {
- width: 6.5rem;
+ width: 5.5rem;
}
.scaled-bckgrd {
@@ -190,10 +188,18 @@ input.equipment-input {
width: 6.5rem;
}
+.overall-box {
+ max-width: 95%;
+}
+
@media screen and (min-width: 1200px) and (max-width: 1400px) {
:root {
--scaled-fontsize: 1rem;
}
+ .overall-box {
+ padding-left: var(--sidebar-width);
+ max-width: 100%;
+ }
.scaled-font {
font-size: 1rem;
}
@@ -219,11 +225,11 @@ input.equipment-input {
}
.scaled-item-icon {
- width: 3.2rem;
+ width: 2.6rem;
}
.scaled-item-icon img {
- width: 2.8rem;
+ width: 2.2rem;
}
.scaled-bckgrd {
@@ -248,6 +254,11 @@ input.equipment-input {
:root {
--scaled-fontsize: 1rem;
}
+ .overall-box {
+ padding-left: var(--sidebar-width);
+ max-width: 100%;
+ }
+
.scaled-font {
font-size: 1rem;
}
@@ -273,11 +284,11 @@ input.equipment-input {
}
.scaled-item-icon {
- width: 4rem;
+ width: 3.2rem;
}
.scaled-item-icon img {
- width: 3.5rem;
+ width: 2.7rem;
}
.scaled-bckgrd {
diff --git a/js/builder_graph.js b/js/builder_graph.js
index b2ed8cb..cc0255c 100644
--- a/js/builder_graph.js
+++ b/js/builder_graph.js
@@ -702,7 +702,7 @@ class DisplayBuildWarningsNode extends ComputeNode {
input_map.get('def'),
input_map.get('agi')
];
- let skp_effects = ["% more damage dealt.","% chance to crit.","% spell cost reduction.","% less damage taken.","% chance to dodge."];
+ let skp_effects = ["% damage","% crit","% cost red.","% resist","% dodge"];
let total_assigned = 0;
for (let i in skp_order){ //big bren
const assigned = skillpoints[i] - base_totals[i] + min_assigned[i]
@@ -724,20 +724,16 @@ class DisplayBuildWarningsNode extends ComputeNode {
let summarybox = document.getElementById("summary-box");
summarybox.textContent = "";
- let skpRow = document.createElement("p");
- let remainingSkp = document.createElement("p");
- remainingSkp.classList.add("scaled-font");
- let remainingSkpTitle = document.createElement("b");
- remainingSkpTitle.textContent = "Assigned " + total_assigned + " skillpoints. Remaining skillpoints: ";
+ let remainingSkp = make_elem("p", ['scaled-font', 'my-0']);
+ let remainingSkpTitle = make_elem("b", [], { textContent: "Assigned " + total_assigned + " skillpoints. Remaining skillpoints: " });
let remainingSkpContent = document.createElement("b");
remainingSkpContent.textContent = "" + (levelToSkillPoints(build.level) - total_assigned);
remainingSkpContent.classList.add(levelToSkillPoints(build.level) - total_assigned < 0 ? "negative" : "positive");
- remainingSkp.appendChild(remainingSkpTitle);
- remainingSkp.appendChild(remainingSkpContent);
+ remainingSkp.append(remainingSkpTitle);
+ remainingSkp.append(remainingSkpContent);
- summarybox.append(skpRow);
summarybox.append(remainingSkp);
if(total_assigned > levelToSkillPoints(build.level)){
let skpWarning = document.createElement("span");
WB Discord
+ 
