Let widget fill available height

[kylebarron]

When using with jupyter sidecar, the map can be placed on the right side of the notebook screen:

Right now the div containing the deck.gl widget is hard-coded to 500px:

lonboard/src/scatterplot-layer.tsx

Line 80 in d4a05a3

<div style={{ height: 500 }}>

This means that when used with sidecar, if the screen is more than 500px tall, it'll have a weird empty space at the bottom.

Ideally we want to let the widget fill all available height in its containing div, but I can't figure out how to do that. When I switch to, say,

style={{ display: "flex", flexFlow: "column", flexGrow: 1, overflow: "auto" }}

it creates a div with zero height:

cc @vgeorge

[kylebarron]

Closed by #220

[kylebarron]

HTML map height is tracked in #247