Schedule view: blurred background image overflows viewport, pushing nav off-screen

Version Used

18.21.2

Current Behavior

Description

Current Behavior

When navigating to the Schedule view, the blurred background image (.bg-image) is rendered wider than the viewport (via a scale transform to hide blur edges). Because its parent doesn't clip it with overflow: hidden, it inflates the root element's scrollWidth, which breaks the flex layout and pushes the left navigation off-screen.

Once in this state, the nav is unreachable and the only way to recover is to close and reopen the app.

Environment

• Version: 18.21.2
• OS: Linux (Ubuntu, .deb install)
• Window width: 1902px (viewport)

Root Cause

The .bg-image element (blurred background) has a CSS transform: scale(...) that makes it extend ~114px beyond the viewport. Its parent container does not have overflow: hidden, so the scaled element inflates the root's scrollWidth from 1902px to 2016px, breaking the flex layout.

Suggested Fix

Add overflow: hidden to the parent of .bg-image, or constrain the element itself:

.bg-image {
  max-width: 100%;
}   

### Expected Behavior

The Schedule view should render within the available viewport width. The nav should remain visible and accessible.

### Steps to Reproduce

1. Open Super Productivity (`.deb` on Linux)
2. Click **Schedule** in the left nav
3. The calendar renders and the nav is pushed off-screen to the left
4. Cannot navigate away — app is stuck

### Can you reproduce this reliably?

Yes, I can reproduce it reliably.

### Console Output

```shell

Documentation

• The documentation/wiki is unclear or incorrect for this case.
• There should be a note added to the documentation/wiki for this case.