diff --git a/js/index.js b/js/index.js
index 97f865f..2d4e5f3 100644
--- a/js/index.js
+++ b/js/index.js
@@ -141,7 +141,7 @@ const build = {
if (build.list.length < 5) { //add to build array
// who.style.border = "2px solid #333"
- who.style.backgroundColor = "#868f9a"
+ who.style.backgroundColor = "#919ba8" //"#868f9a"
build.list[build.list.length] = {
who: who,
index: index,
@@ -178,7 +178,21 @@ document.getElementById("build-button").addEventListener("click", () => {
document.getElementById("settings").style.display = 'inline'
} else {
build.list = []
- let text = '
choose up to 5 powers
'
+ // let text = 'choose up to 5 powers
'
+ let text =
+ `
+
choose up to 5 powers
+
+
+
`
for (let i = 1, len = mech.fieldUpgrades.length; i < len; i++) {
text += ` ${mech.fieldUpgrades[i].name} ${mech.fieldUpgrades[i].description}
`
}
diff --git a/style.css b/style.css
index 58b5145..d3f60a9 100644
--- a/style.css
+++ b/style.css
@@ -46,14 +46,14 @@ summary {
.SVG-button {
border: 2px #333 solid;
border-radius: 9px;
+ background-color: #fff;
}
.SVG-button:hover {
- background-color: #eee;
+ background-color: #efeff5;
}
#build-button {
-
position: absolute;
top: 3px;
right: 3px;
@@ -65,7 +65,7 @@ summary {
margin: 0px;
border: 0px;
/* border-radius: 8px; */
- background-color: #b6bfca;
+ background-color: #c4ccd8;
/* #b6bfca; */
display: none;
@@ -93,7 +93,7 @@ summary {
}
.build-grid-module:hover {
- background-color: #eee;
+ background-color: #efeff5;
}
.gun-module {