From 4c0a12b95e489fbb28fd2ebdb57d6f4ceab6c9c3 Mon Sep 17 00:00:00 2001 From: maziggy Date: Fri, 8 May 2026 07:27:35 +0200 Subject: [PATCH] fix(label-picker): pack templates into a 2x2 grid so all 4 plus Cancel fit on tight viewports (issue #1230) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The earlier `min-h-0` fix on the spool list (61314cf2) made the shrinkable child shrinkable, but on @elit3ge's 838px viewport the four stacked templates (~310px) plus footer still blew past max-h-[90vh] once Brave's browser chrome ate into vh, and overflow-hidden on the modal clipped Avery 5160 mid-row with the Cancel button entirely below the clipped bottom edge — no scroll path. The screenshot showed the spool list at ~5 visible rows with its own scrollbar still active, confirming the templates section's natural height was the dominant problem, not the spool list. Templates now render as a responsive grid (grid-cols-1 sm:grid-cols-2 gap-2) so the four buttons pack into a 2x2 grid above the sm breakpoint, trimming ~150px of vertical. Per-cell padding tightens to p-2.5, labels/hints get text-sm + truncate, and the full strings are reachable via title="