fix: tighten calc-01 topbar layout

samples/calc-01/index.css

@@ -154,14 +154,14 @@ body {
   background: rgba(6, 10, 16, 0.18);
   border: 1px solid rgba(255, 255, 255, 0.06);
   border-radius: 16px;
-  padding: 10px;
+  padding: 6px;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
 
 .topbar-group {
   display: grid;
-  grid-template-columns: minmax(110px, 132px) minmax(110px, 132px) 1fr minmax(72px, 88px) minmax(108px, 128px) minmax(72px, 88px);
-  gap: 10px;
+  grid-template-columns: minmax(92px, 112px) minmax(92px, 112px) 1fr minmax(60px, 72px) minmax(84px, 100px) minmax(60px, 72px);
+  gap: 6px;
   align-items: stretch;
 }
 
@@ -170,19 +170,22 @@ body {
 }
 
 .topbar-spacer {
-  border-radius: 12px;
+  border-radius: 10px;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.04);
 }
 
 .menu-trigger {
   width: 100%;
-  min-height: 50px;
+  min-height: 26px;
+  padding: 4px 8px;
+  border-radius: 10px;
+  font-size: 12px;
 }
 
 .popup-menu {
   position: absolute;
-  top: calc(100% + 8px);
+  top: calc(100% + 6px);
   left: 10px;
   right: 10px;
   z-index: 20;
@@ -219,7 +222,10 @@ body {
 
 .action-cell > button {
   width: 100%;
-  min-height: 50px;
+  min-height: 26px;
+  padding: 4px 8px;
+  border-radius: 10px;
+  font-size: 12px;
 }
 
 .wide-action {

samples/calc-01/visual.txt

@@ -5,7 +5,7 @@
 | X:                                                                           |
 └──────────────────────────────────────────────────────────────────────────────┘
 ┌──────────────────────────────────────────────────────────────────────────────┐
-| mode   | consts |                                   | del | backspace | esc  |
+| mode   | consts |                                   | del | esc | backspace  |
 └──────────────────────────────────────────────────────────────────────────────┘
 ┌───────────── Functions ───────────────────┬───── Numbers ─────┬─  Operators ─┐
 | sqrt   | y^x    | x²   | 1/x              | 7 | 8 | 9         | / |          |