Make changeset map responsive

[rasagy]

Following #132, starting this ticket to document approaches for making changeset map responsive. IMO this isn’t a priority right now, but can push for this during our next focused redesign efforts.

For mobile, we should:

• Make the whole rows containing the changeset & user link tappable (this might be great in general, not just for mobile)
• Collapse the filters to a show/hide panel
• Collapse filter controls to a (multi-select) drop down
• Collapse the property tables to an accordion like view

cc @ajithranka @geohacker @batpad

[rasagy]

Reviving this with the current direction of making OSMCHA responsive.

Iteration 1

I started with making the panel headers toggle-able:

Iteration 2

To further reduce the space taken when collapsed, an icon as a map control approach works better. This is similar to what @DaveF63 suggested in #150.

This also scales down well to a tablet & mobile layout:

Let’s work on getting the above design in changeset map, that would also leave scope to add more controls to support use cases like OSMCHA.

cc @ajithranka @kepta @batpad