m/mtm-rpn-js
1
0
Fork 0
Code Issues Actions Activity

fix(calc-02): align display buttons in a grid

Browse Source 
Wrap the display controls in a dedicated grid container, add a spacer for the missing cell, and simplify the button styling so the layout stays consistent across sizes.
This commit is contained in:
MatMoul
2026-05-16 01:08:11 +02:00
parent 256e9f2b33
commit 75bf6d69df
2 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-02/index.html
+10 -7
View File
@@ -24,13 +24,16 @@
</div>
<div class="display-buttons-panel">
<button id="modeButton" class="display-button">Mode</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 class="display-buttons-grid">
<button id="modeButton" class="display-button key-default">Mode</button>
<button id="pasteButton" class="display-button key-default">⎘</button>
<button id="upButton" class="display-button key-default">↑</button>
<button id="constButton" class="display-button key-default">π</button>
<button id="leftButton" class="display-button key-default display-button-offset">←</button>
<button id="downButton" class="display-button key-default">↓</button>
<button id="rightButton" class="display-button key-default">→</button>
<div class="display-button-spacer"></div>
</div>
</div>
<div class="keypad-panel">