diff --git a/Plugin/usr/local/emhttp/plugins/varaverk/css/varaverk.css b/Plugin/usr/local/emhttp/plugins/varaverk/css/varaverk.css index 2094098..ccad283 100644 --- a/Plugin/usr/local/emhttp/plugins/varaverk/css/varaverk.css +++ b/Plugin/usr/local/emhttp/plugins/varaverk/css/varaverk.css @@ -69,18 +69,19 @@ outline: 1px solid #555; } /* Two-panel layout */ -#vv-sched-layout { display: flex; gap: 16px; align-items: flex-start; } +#vv-sched-layout { display: flex; gap: 16px; align-items: stretch; } #vv-sched-left { flex: 1 1 0; min-width: 0; } -#vv-sched-right { display: none; flex: 1 1 0; min-width: 0; position: sticky; top: 16px; } -#vv-sched-right.vv-panel-visible { display: block; } -.vv-log-right-pre { min-height: calc(100vh - 220px); max-height: calc(100vh - 220px); } +#vv-sched-right { display: none; flex: 1 1 0; min-width: 0; flex-direction: column; } +#vv-sched-right.vv-panel-visible { display: flex; } +#vv-sched-right > .vv-card { flex: 1; display: flex; flex-direction: column; min-height: 0; } +.vv-log-right-pre { flex: 1; min-height: 0; max-height: none; } /* Mobile: stack vertically, right panel full-width below cards */ @media (max-width: 880px) { - #vv-sched-layout { flex-direction: column; } + #vv-sched-layout { flex-direction: column; align-items: stretch; } #vv-sched-left { flex: none; width: 100%; } - #vv-sched-right { position: static; width: 100%; } - .vv-log-right-pre { min-height: 260px; max-height: 340px; } + #vv-sched-right { flex-direction: column; width: 100%; } + .vv-log-right-pre { min-height: 260px; max-height: 340px; flex: none; } } /* Card footer */ diff --git a/Plugin/usr/local/emhttp/plugins/varaverk/pages/scheduler.php b/Plugin/usr/local/emhttp/plugins/varaverk/pages/scheduler.php index 570eef2..0073428 100644 --- a/Plugin/usr/local/emhttp/plugins/varaverk/pages/scheduler.php +++ b/Plugin/usr/local/emhttp/plugins/varaverk/pages/scheduler.php @@ -88,7 +88,7 @@ $tree = vv_job_tree();