I noticed that the Windows Sidebar Gadget had an unusually large gap between the bottom edge and other gadgets. This caused problems with spacing and sometimes resulted in overlapping.
After looking at the code and understanding this is mostly adjusted in the Java scripting, I’ve made adjustments to the code until the spacing became uniform and stopped causing occasional overlapping.
The fix is listed bellow and I thought I should post it here so the developers could hopefully add this minor fix into the next program update.
In the file index.js the code specifically altered:
function CheckDockState() {
if (guiState.undockingEnabled && System.Gadget.docked) {
document.getElementById("gadgetBody").className = "docked";
document.body.style.height = "115px";
} else {
document.getElementById("gadgetBody").className = "";
document.body.style.height = "204px";
}
if (guiState.beforeInitialized == null) {
createUI();
update();
updateUI();
}
}
The adjusted part in document.body.style.height = “115px” from original “126px”
The adjusted part in document.body.style.height = “204px” from original “215px”
Additionally, even though the info statements within the files stated that all sizing was done in the code of the java scripts, I still made this adjustment to index.css to ensure uniformity.
index.css
#gadgetBody {
margin: 0;
padding: 0;
padding: 0;
width: 130px;
height: 204px;
font-family: verdana;
font-size: x-small;
}
where height: 204px; originally was height: 215px;
I hope this helps anyone having similar problems that I had been having and in addition I hope the developers add this simple fix to the next update so I don’t have to make repeated adjustments over and over to facilitate this fix.