From 3235d4ceca183d8d41ddf43394b055244c557a6f Mon Sep 17 00:00:00 2001 From: gsinghpal Date: Sat, 30 May 2026 17:43:54 -0400 Subject: [PATCH] fix(fusion_clock): un-squeeze the NFC kiosk Manager PIN pad on tablets The --pin panel used width:auto, so in the centred flex overlay it collapsed to its content width and crushed the 3-column numpad. Give it a definite width (min(86vw, 380px)) and make the keys proper tappable squares (min-height 60px, 1.6rem font). Deployed live to entech (LXC 111) as 19.0.3.11.1. Co-Authored-By: Claude Opus 4.8 --- fusion_clock/__manifest__.py | 2 +- fusion_clock/static/src/scss/nfc_kiosk.scss | 12 +++++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/fusion_clock/__manifest__.py b/fusion_clock/__manifest__.py index ec715827..69f068dc 100644 --- a/fusion_clock/__manifest__.py +++ b/fusion_clock/__manifest__.py @@ -5,7 +5,7 @@ { 'name': 'Fusion Clock', - 'version': '19.0.3.11.0', + 'version': '19.0.3.11.1', 'category': 'Human Resources/Attendances', 'summary': 'Complete Employee T&A with Geofencing, Shifts, Penalties, Overtime, Kiosk, Dashboard & Payroll Export', 'description': """ diff --git a/fusion_clock/static/src/scss/nfc_kiosk.scss b/fusion_clock/static/src/scss/nfc_kiosk.scss index 2c8421ff..64b1277a 100644 --- a/fusion_clock/static/src/scss/nfc_kiosk.scss +++ b/fusion_clock/static/src/scss/nfc_kiosk.scss @@ -512,8 +512,9 @@ html:has(#nfc_kiosk_root) { max-height: 92vh; overflow-y: auto; - // Compact PIN-pad variant — narrower + tighter than the wide list panels - &--pin { width: auto; max-width: 360px; padding: 1.5rem 1.5rem 1.25rem; } + // Compact PIN-pad variant — narrower than the wide list panels, but a + // definite width so the centred flex overlay doesn't collapse it. + &--pin { width: min(86vw, 380px); max-width: none; padding: 1.75rem 1.75rem 1.5rem; } h2 { font-size: 1.5rem; @@ -525,12 +526,13 @@ html:has(#nfc_kiosk_root) { .numpad { display: grid; grid-template-columns: repeat(3, 1fr); - gap: 0.5rem; + gap: 0.6rem; margin: 0.5rem 0 0.75rem; button { - font-size: 1.45rem; - padding: 0.7rem 0; + font-size: 1.6rem; + min-height: 60px; + padding: 0.4rem 0; background: rgba(255,255,255,0.05); color: var(--nfc-text); border: 1px solid rgba(255,255,255,0.1);