From 2505a102dfec30881d22633f7cd4dcea02e7f4af Mon Sep 17 00:00:00 2001
From: MatMoul <matmoul@gmail.com>
Date: Fri, 15 May 2026 19:09:24 +0200
Subject: [PATCH] feat(calc-02): replace display button labels with symbols

---
 samples/calc-02/index.css  |  2 ++
 samples/calc-02/index.html | 12 ++++++------
 samples/calc-02/index.js   |  8 ++++----
 3 files changed, 12 insertions(+), 10 deletions(-)

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 @@
 
 			<div class="display-buttons-panel">
 				<button id="modeButton" class="display-button">Mode</button>
-				<button id="pasteButton" class="display-button">Paste</button>
-				<button id="upButton" class="display-button">Up</button>
-				<button id="constButton" class="display-button">Const</button>
-				<button id="rightButton" class="display-button display-button-offset">Right</button>
-				<button id="downButton" class="display-button">Down</button>
-				<button id="constRightButton" class="display-button">Right</button>
+				<button id="pasteButton" class="display-button">⎘</button>
+				<button id="upButton" class="display-button">↑</button>
+				<button id="constButton" class="display-button">π</button>
+				<button id="leftButton" class="display-button display-button-offset">←</button>
+				<button id="downButton" class="display-button">↓</button>
+				<button id="rightButton" class="display-button">→</button>
 			</div>
 
 			<div class="keypad-panel">
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);