From 202edb47f4f905521def40856ccad05a1866cb4e Mon Sep 17 00:00:00 2001
From: MatMoul <matmoul@gmail.com>
Date: Sat, 25 Apr 2026 00:13:47 +0200
Subject: [PATCH] fix: improve hp48 keypad layout on narrow screens

---
 samples/hp48/index.html | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/samples/hp48/index.html b/samples/hp48/index.html
index 53caab0..6f2b973 100644
--- a/samples/hp48/index.html
+++ b/samples/hp48/index.html
@@ -278,16 +278,25 @@
       }
 
       .keypad-wrap {
-        grid-template-columns: 1fr;
+        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
+        gap: 8px;
       }
 
-      .keypad-group.functions,
-      .keypad-group.numbers,
-      .keypad-group.operators {
+      .keypad-group.functions {
+        grid-column: 1 / -1;
+        grid-row: 2;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+
+      .keypad-group.numbers {
+        grid-column: 1;
+        grid-row: 1;
         grid-template-columns: repeat(3, minmax(0, 1fr));
       }
 
       .keypad-group.operators {
+        grid-column: 2;
+        grid-row: 1;
         grid-template-columns: repeat(2, minmax(0, 1fr));
       }
     }