VARASYS/metronome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pm-mobile: more vertical breathing room between sections

Browse source 
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) <noreply@anthropic.com>
This commit is contained in:
Me Here 2026-06-07 16:51:46 -05:00
parent 80cebaad5a
commit 185ed7736b
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
mobile.html
View file

@ -80,7 +80,7 @@
.icon:active{ background:rgba(127,139,154,.30); } .icon:active{ background:rgba(127,139,154,.30); }
/* ---- middle: pulse + track panel + lanes + transport, centered as one block ---- */ /* ---- 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%; } #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 */ /* tempo plate: [TAP] [big BPM] [thumbwheel] — flashes on the beat */
#pulse{ position:relative; width:100%; padding:clamp(8px,1.8vmin,14px); border-radius:16px; #pulse{ position:relative; width:100%; padding:clamp(8px,1.8vmin,14px); border-radius:16px;