fix(dashboard): make Recent Events widget content fill full width
Fixed Recent Events widget content not stretching to fill the full widget width. Content appeared narrow like a "little calendar thing" with wasted space on the right. **Problem:** - Vertical height was fixed (widget fills height correctly) ✓ - But content (event lines) didn't stretch horizontally ✗ - Event lines only as wide as their text content - Unused space on right side of widget - Notebook appeared narrow and compact **Root Cause:** `.rpg-notebook-line` (individual event line container) missing `width: 100%` property. Without this, the flex container shrinks to fit content's natural width instead of expanding to fill the parent container (`.rpg-notebook-lines`). **Fix (style.css:2597):** Added `width: 100%;` to `.rpg-notebook-line` **How it works:** - `.rpg-notebook-lines` has `flex: 1` → fills vertical space - `.rpg-notebook-line` now has `width: 100%` → fills horizontal space - `.rpg-event-text` has `flex: 1` → expands to fill remaining space after bullet - `.rpg-bullet` stays at natural size **Result:** Event lines now stretch to use full widget width: - Content fills horizontally from left to right - Event text wraps properly using full available width - No wasted space on the right - Widget looks properly sized, not like a "little calendar thing" **Before:** Event lines shrink to content width → narrow appearance with unused space **After:** Event lines stretch to 100% width → full-width content utilizing all available space
This commit is contained in:
Reference in New Issue
Block a user