diff --git a/script.js b/script.js index 5904226..0323332 100644 --- a/script.js +++ b/script.js @@ -121,7 +121,9 @@ function onkeyup(event) { case "ArrowRight": this.nextSibling?.focus(); break case "Home": form.children[0].focus(); break case "End": form.children[nbLettres-1].focus(); break + default: return } + event.preventDefault() } function play(son) { diff --git a/style.css b/style.css index 23fcee9..f90ef3d 100644 --- a/style.css +++ b/style.css @@ -17,17 +17,27 @@ h2 { h1, h2 { text-align: center; text-shadow: 0.08em 0.06em #8888; + display: flex; + justify-content: center; + align-items: center; } h1 img, -h2 img { +h2 img, +h2 div { background-color: currentColor; border-radius: 100%; background-origin: content-box; - padding: 0; - height: 0.75em; - vertical-align: baseline; + padding: 0.08em; + height: 1.2em; + width: 1.2em; filter: drop-shadow(0.08em 0.06em #8888); + font-size: 0.6em; + display: inline-flex; + justify-content: center; + align-items: end; + vertical-align: baseline; + margin-top: 0.2em; } label.option {