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:
Lucas 'Paperboy' Rose-Winters
2025-11-03 22:34:21 +11:00
parent b6c6eaee2a
commit aa50b24e64
+1
View File
@@ -2594,6 +2594,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
align-items: flex-start;
gap: 0.375em;
position: relative;
width: 100%; /* Force line to fill parent width */
}
.rpg-notebook-line.rpg-event-add {