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

+
+
+ + + start + +
` 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 {