diff --git a/index.html b/index.html index 96229d2..99245b2 100644 --- a/index.html +++ b/index.html @@ -61,7 +61,8 @@ } h1 { font-size:18px; font-weight:600; letter-spacing:.5px; margin:0 0 2px; } .sub { color:var(--muted); font-size:12px; margin-bottom:18px; } - .kbd-legend { color:var(--muted); font-size:13px; font-family:"Courier New",monospace; text-align:right; } + .kbd-legend { color:var(--muted); font-size:13px; font-family:"Courier New",monospace; text-align:left; line-height:1.75; } + .kbd-legend span { white-space:nowrap; } /* wrap only between shortcut groups, never mid-token */ #app { display:flex; gap:18px; max-width:1400px; margin:0 auto; align-items:flex-start; justify-content:center; } .device { flex:1 1 auto; min-width:0; max-width:1000px; background:linear-gradient(180deg, var(--panel), var(--bg)); border:1px solid var(--edge); border-radius:16px; padding:18px; box-shadow:0 18px 50px rgba(0,0,0,.5); } @@ -180,7 +181,6 @@ .practice-col { border-left:none; padding-left:0; border-top:1px solid var(--edge); padding-top:12px; margin-top:4px; } } @media (max-width: 620px) { - .kbd-legend { display:none; } /* the ? overlay covers discovery on small screens */ #routineTray { width:100%; } .meter-card .led { width:24px; height:24px; } } @@ -210,11 +210,9 @@
-
-
-

Stackable Metronome v0.0.1-dev

-
-
+
+

Stackable Metronome v0.0.1-dev

+
-
Space play · T tap · ←→ tempo · ↑↓ cue · ⏎ commit · N/P step · A add · ? help
+
Space play · T tap · ←→ tempo · ↑↓ cue · ⏎ commit · N/P step · A add · ? help