From 185ed7736baf7e0bd3153a2b8a192eec7321d748 Mon Sep 17 00:00:00 2001 From: Me Here Date: Sun, 7 Jun 2026 16:51:46 -0500 Subject: [PATCH] pm-mobile: more vertical breathing room between sections Bump the #mid inter-section gap and add padding above the first section so the top bar, track panel, tempo, lanes and transport are less crowded. Co-Authored-By: Claude Opus 4.8 (1M context) --- mobile.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/mobile.html b/mobile.html index ac4f4c2..0d35a23 100644 --- a/mobile.html +++ b/mobile.html @@ -80,7 +80,7 @@ .icon:active{ background:rgba(127,139,154,.30); } /* ---- middle: pulse + track panel + lanes + transport, centered as one block ---- */ - #mid{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:clamp(12px,2.8vmin,24px); } + #mid{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:clamp(16px,3.6vmin,30px); padding-top:clamp(8px,1.8vmin,16px); } #stage{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; width:100%; } /* tempo plate: [TAP] [big BPM] [thumbwheel] — flashes on the beat */ #pulse{ position:relative; width:100%; padding:clamp(8px,1.8vmin,14px); border-radius:16px;