fix: reorder calc display buttons in portrait layout

samples/calc-02/index.html

@@ -26,9 +26,9 @@
 			<div class="display-buttons-panel">
 				<div class="display-buttons-grid">
 					<button id="constButton" class="display-button">π</button>
-					<button id="modeButton" class="display-button">Mode</button>
-					<button id="upButton" class="display-button"><span class="display-button-symbol arrow-symbol">↑</span></button>
 					<div class="display-button-spacer"></div>
+					<button id="upButton" class="display-button"><span class="display-button-symbol arrow-symbol">↑</span></button>
+					<button id="modeButton" class="display-button">Mode</button>
 					<button id="pasteButton" class="display-button"><span class="display-button-symbol paste-symbol">⎘</span></button>
 					<button id="leftButton" class="display-button display-button-offset"><span class="display-button-symbol arrow-symbol">←</span></button>
 					<button id="downButton" class="display-button"><span class="display-button-symbol arrow-symbol">↓</span></button>

samples/calc-02/visual-portrait.md

@@ -15,7 +15,7 @@
 
 ```
 ┌──────── Display Buttons ────────┐
-| Const | Mode   | Up    |        |
+| Const |        | Up    | Mode   |
 | Paste | Left   | Down  | Right  |
 └─────────────────────────────────┘
 ```