Change how layer information is displayed

[nstjean]

In our new browser menu each layer has a "i" icon that you can click on to read more about the layer. However it shows up like this:

And when you have more than one map you can have some big issues! This info box popped up half underneath the second map!

We would like to switch this popup modal over to something more in-line with the styling of the layers browser menu, using bootstrap tooltips https://getbootstrap.com/docs/4.0/components/tooltips/ or bootstrap modal https://getbootstrap.com/docs/4.0/components/modal/

[neelesh17]

@nstjean could i claim this issue or have you started working on this.

[nstjean]

I have not started on this, so go ahead @neelesh17 !

[neelesh17]

@nstjean I made the changes you asked. Could you review my PR.