From aa50b24e6497fdc78abb6563b450967241c2f490 Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Mon, 3 Nov 2025 22:34:21 +1100
Subject: [PATCH] fix(dashboard): make Recent Events widget content fill full
 width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/style.css b/style.css
index 55a0b64..93705f4 100644
--- a/style.css
+++ b/style.css
@@ -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 {