Control legend items spacing a bit better

The way this currently works is that legend items have a fixed space between one another, however in some cases it might be necessary to customise that space. `legendExtraDistance` will do just that; it's `0` by default and can be set to any value that you want to extend the distance between legend items by.

You can see it in action in the `legend.html` example which I've also updated.