longer titles overlapping the hover display

You’ll want to make the hover box wider in the CSS on the calendar options page.

Find the following

.calnk a:hover span {
        width:150px;

and change it to

.calnk a:hover span {
        width:200px;

Thank you. works a treat.

On a side note, is there any way to change justification as all text in the description box comes out as one big paragraph. I’ve tried the usual html formatting codes such as <p>,
etc but no luck.

You can try the <br /> tag