diff --git a/samples/calc-02/index.css b/samples/calc-02/index.css index 1c5978e..628f27d 100644 --- a/samples/calc-02/index.css +++ b/samples/calc-02/index.css @@ -247,6 +247,7 @@ button { cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 3px 0 rgba(0, 0, 0, 0.28); transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease; + line-height: 1; } button:hover { @@ -358,6 +359,7 @@ button:active { border-radius: 10px; padding: 8px 6px; font-size: 13px; + line-height: 1; } .display-buttons-panel { diff --git a/samples/calc-02/index.html b/samples/calc-02/index.html index e69cdf3..52745ca 100644 --- a/samples/calc-02/index.html +++ b/samples/calc-02/index.html @@ -22,12 +22,12 @@
- - - - - - + + + + + +
diff --git a/samples/calc-02/index.js b/samples/calc-02/index.js index b5baea9..95ed99d 100644 --- a/samples/calc-02/index.js +++ b/samples/calc-02/index.js @@ -5,9 +5,9 @@ const modeButton = document.getElementById('modeButton'); const pasteButton = document.getElementById('pasteButton'); const upButton = document.getElementById('upButton'); const constButton = document.getElementById('constButton'); -const rightButton = document.getElementById('rightButton'); +const leftButton = document.getElementById('leftButton'); const downButton = document.getElementById('downButton'); -const constRightButton = document.getElementById('constRightButton'); +const rightButton = document.getElementById('rightButton'); const stackEls = { T: document.getElementById('stackT'), @@ -289,11 +289,11 @@ upButton.addEventListener('click', () => {}); constButton.addEventListener('click', () => {}); -rightButton.addEventListener('click', () => {}); +leftButton.addEventListener('click', () => {}); downButton.addEventListener('click', () => {}); -constRightButton.addEventListener('click', () => {}); +rightButton.addEventListener('click', () => {}); window.addEventListener('keydown', handleKeyboard); window.addEventListener('load', focusInput);