diff --git a/public/js/kiosk.js b/public/js/kiosk.js index d94de1e..b21f3d5 100644 --- a/public/js/kiosk.js +++ b/public/js/kiosk.js @@ -38,6 +38,8 @@ function draw(calendar) { handlers, todayName: todayName(), }); + + weekendWrap.classList.toggle('hidden', !calendar.showWeekend); } async function poll() { diff --git a/public/kiosk.html b/public/kiosk.html index d35f1ec..ee69c24 100644 --- a/public/kiosk.html +++ b/public/kiosk.html @@ -19,6 +19,18 @@ .board{ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .task-text{ font-size: 1.02rem; } + /* weekdayBoard always holds exactly 5 day-cards (Mon-Fri) — on a tablet + in landscape there's room for all 5 side by side, but the 240px + auto-fit minimum (sized for narrower/portrait views) was only letting + 4 fit, pushing Friday to a second row. Force exactly 5 columns once + there's clearly tablet-landscape width to do it justice; narrower + views keep the auto-fit wrapping behavior above. 960px excludes large + phones in landscape (~926px max) while covering real tablets. + */ + @media (orientation: landscape) and (min-width: 960px) { + .board{ grid-template-columns: repeat(5, 1fr); } + } + /* Full-bleed standalone launch: respect notches/home-indicator, and stop iOS's rubber-band overscroll from flashing white space at the edges. */ body{