fix(dashboard): correct Recent Events widget width to fill container

The Recent Events widget was appearing as a narrow "little calendar thing"
instead of filling the full container width. The root cause was that
.rpg-events-widget container was missing `width: 100%`.

Changes:
- Add `width: 100%` to .rpg-events-widget (style.css:2517)
  This makes the notebook container fill the full widget width
- Remove incorrect `width: 100%` from .rpg-notebook-line (was at line 2597)
  This was a previous incorrect fix targeting child elements instead of parent

The parent .rpg-dashboard-widget has `align-items: center`, which causes
flex children without explicit width to shrink to content width. Adding
`width: 100%` to the widget container ensures it stretches to fill the
allocated grid cell.

Fixes: #sceneinfo-width
Related: commit aa50b24 (reverted incorrect fix)
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-11-04 09:39:47 +11:00
parent aa50b24e64
commit d223f582fa
+2 -2
View File
@@ -2513,7 +2513,8 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
min-height: 0;
overflow: visible;
position: relative;
height: 100%; /* Fill parent container */
height: 100%; /* Fill parent container vertically */
width: 100%; /* Fill parent container horizontally */
flex: 1; /* Participate in flex layout */
}
@@ -2594,7 +2595,6 @@ 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 {