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; }