From 19e6cc6c93c25263e2e7adff67b652550534e72d Mon Sep 17 00:00:00 2001
From: muehe <muehe@muehe.org>
Date: Fri, 1 May 2026 14:24:33 +0200
Subject: [PATCH] ui: unify jog button sizing across tablet and kiosk

Big jog labels were only set inside the kiosk-mode override block,
which made the 1920x1080 tablet preview look small and inconsistent
with the Pi kiosk. Move the larger sizes to the base .jbtn rule
(font 1.6rem, ico 2.4rem, lbl 1.5rem) and drop the kiosk-mode
.jbtn override so both viewports use the same single source of
truth.
---
 src/stylus/style.styl | 36 +++++++++++++++---------------------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/stylus/style.styl b/src/stylus/style.styl
index 0196f16..b8a2e25 100644
--- a/src/stylus/style.styl
+++ b/src/stylus/style.styl
@@ -1333,12 +1333,16 @@ tt.save
   flex-direction column
   align-items center
   justify-content center
-  gap 4px
+  gap 6px
   user-select none
   -webkit-tap-highlight-color transparent
   cursor pointer
   font-weight 700
-  font-size 1.05rem
+  // Single sizing used by both the 1920x1080 portable touchscreen and
+  // the Pi 1366x768 kiosk — large enough to be readable at arm's
+  // length on the smaller display, still proportionate on the bigger
+  // one. No mode-specific override.
+  font-size 1.6rem
   border none
   background $jog-bg
   color $jog-ink
@@ -1347,13 +1351,13 @@ tt.save
   min-width 0
 
   .ico
-    font-size 1.6rem
+    font-size 2.4rem
 
   .lbl
-    font-size 0.8rem
+    font-size 1.5rem
     color inherit
-    opacity 0.85
-    font-weight 600
+    opacity 0.95
+    font-weight 700
 
   &:hover:not([disabled])
     background $jog-hover
@@ -2366,16 +2370,6 @@ html.kiosk-mode
   .control-page .jog-grid
     gap 6px
 
-  .jbtn
-    border-radius 10px
-    font-size 0.85rem
-
-    .ico
-      font-size 1.15rem
-
-    .lbl
-      font-size 0.65rem
-
   .control-page .dro-head, .control-page .dro-row
     grid-template-columns 56px 1fr 0.85fr 0.85fr 90px 90px 1fr
     column-gap 0.4rem
@@ -2387,12 +2381,12 @@ html.kiosk-mode
   .control-page .dro-row
     font-size 0.95rem
 
-  // Smaller axis-action buttons in DRO rows.
+  // Axis-action buttons in DRO rows (settings/zero/home).
   .control-page .dro-row .icon-btn
-    width 44px
-    height 44px
-    font-size 1rem
-    border-radius 9px
+    width 56px
+    height 56px
+    font-size 1.25rem
+    border-radius 11px
 
   .control-page .status-strip
     grid-template-columns repeat(2, 1fr)