diff --git a/CSS/styles.css b/CSS/styles.css index 4416662..37b5a4e 100644 --- a/CSS/styles.css +++ b/CSS/styles.css @@ -47,8 +47,8 @@ body{ grid-column: span 3; } .key > svg { - width: 1.50em; - height: 1.50em; + width: 1.70em; + height: 1.70em; } .key:hover, .key:focus{ --lightness-offset: 10%; diff --git a/script.js b/script.js index 735e33a..a516a4e 100644 --- a/script.js +++ b/script.js @@ -98,17 +98,17 @@ function stopInteraction() { } function handleMouseClick(e) { - if (e.target.matches("[data-key]")) { + if (e.target.closest("[data-key]")) { pressKey(e.target.dataset.key) return } - if (e.target.matches("[data-enter]")) { + if (e.target.closest("[data-enter]")) { submitGuess() return } - if (e.target.matches("[data-delete]")) { + if (e.target.closest("[data-delete]")) { deleteKey() return }