Harden dashboard responsive layout #38

Closed
opened 2026-05-21 14:35:26 +02:00 by parkel · 0 comments
Owner

Goal

Make the dashboard layout robust across desktop, laptop, tablet, and mobile widths while keeping the current control-panel direction.

Scope

  • Fix cramped and overlapping dashboard content, especially long hostnames and recent activity cards.
  • Rework the top dashboard grid so panels do not force awkward empty height or narrow columns.
  • Ensure host cards, storage pressure, required action, schedules, and activity blocks wrap predictably.
  • Add responsive breakpoints for medium and small screens.
  • Preserve the current information architecture unless a small layout change clearly improves scanability.

Acceptance Criteria

  • Long hostnames and snapshot IDs never overlap adjacent content.
  • Dashboard cards remain readable at common laptop widths and stack cleanly on mobile.
  • Empty/low-content panels do not create excessive whitespace.
  • Existing dashboard tests remain green, with targeted test coverage where template behavior changes.
## Goal Make the dashboard layout robust across desktop, laptop, tablet, and mobile widths while keeping the current control-panel direction. ## Scope - Fix cramped and overlapping dashboard content, especially long hostnames and recent activity cards. - Rework the top dashboard grid so panels do not force awkward empty height or narrow columns. - Ensure host cards, storage pressure, required action, schedules, and activity blocks wrap predictably. - Add responsive breakpoints for medium and small screens. - Preserve the current information architecture unless a small layout change clearly improves scanability. ## Acceptance Criteria - Long hostnames and snapshot IDs never overlap adjacent content. - Dashboard cards remain readable at common laptop widths and stack cleanly on mobile. - Empty/low-content panels do not create excessive whitespace. - Existing dashboard tests remain green, with targeted test coverage where template behavior changes.
parkel added this to the 1.1 milestone 2026-05-21 14:35:26 +02:00
Sign in to join this conversation.