diff --git a/src/systems/dashboard/widgets/userInfoWidget.js b/src/systems/dashboard/widgets/userInfoWidget.js index 3f1f970..59dfd00 100644 --- a/src/systems/dashboard/widgets/userInfoWidget.js +++ b/src/systems/dashboard/widgets/userInfoWidget.js @@ -39,12 +39,12 @@ export function registerUserInfoWidget(registry, dependencies) { category: 'user', minSize: { w: 1, h: 1 }, defaultSize: { w: 1, h: 1 }, // Start compact (1x1), expansion will grow it based on columns - // Column-aware max size: mobile (2-col) stays 1x1, desktop (3-4 col) can expand to 2x1 + // Column-aware max size: mobile (2-col) stays 1x1, desktop (3-4 col) expands vertically to 1x2 maxAutoSize: (columns) => { if (columns <= 2) { return { w: 1, h: 1 }; // Mobile: stay compact to allow mood widget beside it } - return { w: 2, h: 1 }; // Desktop: can span 2 columns + return { w: 1, h: 2 }; // Desktop: expand vertically, mood fits top-right }, requiresSchema: false, diff --git a/src/systems/dashboard/widgets/userStatsWidget.js b/src/systems/dashboard/widgets/userStatsWidget.js index 20aa3e8..927794c 100644 --- a/src/systems/dashboard/widgets/userStatsWidget.js +++ b/src/systems/dashboard/widgets/userStatsWidget.js @@ -34,7 +34,13 @@ export function registerUserStatsWidget(registry, dependencies) { category: 'user', minSize: { w: 1, h: 2 }, defaultSize: { w: 2, h: 2 }, - maxAutoSize: { w: 3, h: 3 }, // Max size for auto-arrange expansion + // Column-aware max size: full width in 3-4 col for horizontal spread + maxAutoSize: (columns) => { + if (columns <= 2) { + return { w: 2, h: 2 }; // Mobile: use full 2-col width + } + return { w: 3, h: 3 }; // Desktop: span 3 columns horizontally + }, requiresSchema: false, /** diff --git a/style.css b/style.css index 2e0f000..fe5f7bb 100644 --- a/style.css +++ b/style.css @@ -3790,8 +3790,8 @@ body:has(.rpg-panel.rpg-position-left) #sheld { display: flex; } - /* Show refresh button when panel is open AND not hidden by generation mode */ - body:has(.rpg-panel.rpg-mobile-open) .rpg-mobile-refresh:not(.rpg-hidden-mode) { + /* Show refresh button when panel is open OR Dashboard v2 is visible, AND not hidden by generation mode */ + body:has(.rpg-panel.rpg-mobile-open, #rpg-dashboard-container) .rpg-mobile-refresh:not(.rpg-hidden-mode) { opacity: 1; pointer-events: auto; } @@ -4321,6 +4321,17 @@ body:has(.rpg-panel.rpg-position-left) #sheld { line-height: 1.1 !important; } + /* User Stats Widget - add bottom padding to prevent last bar (Arousal) from being clipped */ + .rpg-widget .rpg-stats-grid { + padding-bottom: 0.3rem !important; + } + + /* Mood Widget - increase conditions text size for readability */ + .rpg-widget .rpg-mood-conditions { + font-size: 0.6rem !important; + line-height: 1.2 !important; + } + /* ======================================== MOBILE STATS TAB LAYOUT IMPROVEMENTS ======================================== */