Box Shadow of Leaflet Control

[timlohnes]

The legend button and legend don't have the standard look of a Leaflet control.

I changed this
var container = this._container = L.DomUtil.create('div', 'legend-container');

to this

var container = this._container = L.DomUtil.create('div', 'legend-container leaflet-bar');

Doing that created a new problem that I didn't elegantly solve.
When doing this, the legend appears below the i button showing the shadow the full width of the legend.
I just used a negative margin to move it back up and cover the i button on hover the way you have it.
Not sure why it is acting like that.

I also added the shadow to the legend for continuity

box-shadow: 0 1px 5px rgba(0,0,0,0.65);