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

refactor(samples/calc-02): simplify layout to portrait-only single column

Browse Source 
Remove the responsive two-column desktop arrangement and make the calculator stack vertically with a 4-column display button row that preserves alignment. Also align the display buttons with the shared base button styling.
This commit is contained in:
MatMoul
2026-05-16 01:16:47 +02:00
parent 75bf6d69df
commit 54797f9dd9
4 changed files with 19 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-02/index.html
+7 -7
View File
@@ -25,13 +25,13 @@
<div class="display-buttons-panel">
<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>
<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-button-spacer"></div>
</div>
</div>