diff --git a/app.js b/app.js index cd65f3a..17bcf73 100644 --- a/app.js +++ b/app.js @@ -197,7 +197,7 @@ easyFirst = (box1, box2) => box1.candidates.size - box2.candidates.size function showSuggestion() { const emptyBoxes = boxes.filter(box => box.value == "" && box.candidates.size == 1) if (emptyBoxes.length) { - shuffle(emptyBoxes)[0].placeholder = "?" + shuffle(emptyBoxes)[0].placeholder = "💡" } else { clearTimeout(suggestionTimer) suggestionTimer = null diff --git a/style.css b/style.css index fe7f8e2..4d372df 100644 --- a/style.css +++ b/style.css @@ -4,6 +4,7 @@ body { h1 { text-align: center; + margin: 0.5em; } section, div, footer { @@ -12,7 +13,7 @@ section, div, footer { align-items: center; row-gap: 0.5em; column-gap: 0.5em; - margin: 1em auto; + margin: 0.8em auto; justify-content: center; text-align: center; } @@ -155,10 +156,11 @@ button.pressed:enabled:active { margin: 0px 0px 0px 3px; } button:disabled { - color: lightgrey; + color: #666; background: darkgrey; border: 1px outset darkgrey; - padding: 1px 9px 3px 9px; + padding: 3px 10px 6px 10px; + margin: 0px 0px 1px 2px; } input[type="color"] { padding: 0;