hermes - 💡(How to fix) Fix Kanban task detail panel does not respect mobile viewport safe areas [2 pull requests]

Bug Description

When opening a Hermes Kanban board from a mobile browser, parts of the task detail view are hidden behind fixed UI elements.

Specifically:

• The task title / upper content area is positioned behind the Hermes dashboard top bar, making it partially unreadable.
• The lower part of the task detail view, including the comments / log area, can be obscured by the mobile browser navigation bar.
• This makes the Kanban task detail view difficult to read and interact with on mobile devices.

Steps to Reproduce

1. Open the Hermes dashboard from a mobile browser.
2. Navigate to the Kanban board.
3. Open a Kanban task detail view.
4. Scroll through the task content, including the description, worker log, run history, or comments section.

Expected Behavior

The task detail view should respect the available mobile viewport and safe areas:

• Content should not render behind the Hermes dashboard top bar.
• Bottom content should not be hidden behind the mobile browser navigation bar.
• The page/modal should have enough top and bottom padding or safe-area handling so all content remains readable and scrollable.

Actual Behavior

On mobile:

• The task title / top content overlaps with or is hidden behind the top bar.
• The lower task content is partially hidden behind the Chrome mobile navigation bar.
• Some text becomes unreadable or hard to access without awkward scrolling.

Environment

• Device: Mobile browser
• Browser: Chrome mobile
• Page: Hermes Dashboard → Kanban board → Task detail view

Screenshots

Top content / task title hidden behind the dashboard top bar:

Bottom content / comments area hidden behind the mobile browser navigation bar:

Possible Fix

The Kanban task detail layout may need mobile-safe spacing, for example:

• Add safe-area-inset-top / safe-area-inset-bottom handling.
• Ensure the task detail panel has enough top offset below the dashboard header.
• Add bottom padding to scroll containers so content is not hidden behind mobile browser controls.
• Review any position: fixed, height: 100vh, or overflow behavior used by the Kanban detail panel on mobile.