diff --git a/src/systems/dashboard/resizeHandler.js b/src/systems/dashboard/resizeHandler.js index dbbb03f..d31a295 100644 --- a/src/systems/dashboard/resizeHandler.js +++ b/src/systems/dashboard/resizeHandler.js @@ -183,10 +183,12 @@ export class ResizeHandler { handle.style.zIndex = '100'; // Position handles + // Vertical: -6px offset (adequate gap between rows) if (handleType.includes('n')) handle.style.top = '-6px'; if (handleType.includes('s')) handle.style.bottom = '-6px'; - if (handleType.includes('w')) handle.style.left = '-6px'; - if (handleType.includes('e')) handle.style.right = '-6px'; + // Horizontal: -3px offset (prevent overlap when widgets are side-by-side) + if (handleType.includes('w')) handle.style.left = '-3px'; + if (handleType.includes('e')) handle.style.right = '-3px'; // Center edge handles if (handleType === 'n' || handleType === 's') { diff --git a/style.css b/style.css index 5dfd790..f759f76 100644 --- a/style.css +++ b/style.css @@ -1189,7 +1189,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld { /* Base widget container - ensures content stays within bounds */ .rpg-widget { box-sizing: border-box; - overflow: hidden; + overflow: visible; /* Allow resize handles to extend beyond widget bounds */ display: flex; flex-direction: column;