diff --git a/mobile.html b/mobile.html
index 0d35a23..eecfebd 100644
--- a/mobile.html
+++ b/mobile.html
@@ -202,14 +202,14 @@
#top{ flex-direction:row; flex-wrap:wrap; align-items:flex-end; gap:8px 14px; }
#topctl{ flex:1 1 320px; gap:8px; }
#top .sels{ flex:2 1 320px; min-width:0; }
- #mid{ display:grid; align-items:center; gap:8px 4vw;
+ #mid{ display:grid; align-items:stretch; gap:8px 4vw; padding-top:0;
grid-template-columns:40% 60%; grid-template-rows:auto 1fr auto;
- grid-template-areas:"panel detail" "stage detail" "transport detail"; }
+ grid-template-areas:"stage panel" "stage detail" "transport detail"; }
#trackpanel{ grid-area:panel; align-self:start; }
- #stage{ grid-area:stage; align-self:center; }
+ #stage{ grid-area:stage; align-self:center; justify-content:center; }
#detail{ grid-area:detail; align-self:stretch; width:auto; max-width:none; max-height:none; min-height:0; overflow-y:auto; }
#transport{ grid-area:transport; align-self:end; max-height:none; margin-top:0; }
- .tbtn{ height:clamp(36px,11vmin,58px); }
+ .tbtn{ min-height:0; height:clamp(34px,10vmin,54px); }
}
[data-theme="light"] .logo-dark{ display:none; } [data-theme="dark"] .logo-light{ display:none; }