Zoomable map would be useful (mainly for mobile devices)

[OregSamSas]

Explanation and reasoning

The size of the map updates in order to be fit on the screen, but it's not good, if it's a large map (e.g. the world map), because it can't be zoomed into. However you might want to see exactly what are the neighbours of Burkina Faso and what are not.

Implementation

There should be two buttons to control the degree of zoom, which should be stored in a global variable The map should be cropped if it overflows its container, and also, it should be able to be dragged around.

Bugs

• [x] №1: Centre map button should be removed when deleting map
• [x] №2: On safari map clipping doesn't work
• [x] №3: Map position should be stored globally
• [ ] №4: On rotating a mobile phone, the map might not get to the same position
• [x] №5: Light theme styling issues:
• [x] №6: If zoomed in to maximum, then dragged the map around, the zoom-in button got active again

[OregSamSas]

The last commit tackles most of the job, it seems so far. At least on Laptop. On safari, somehow the overflow: clip doesn't work, I'll try to use overflow: hidden. And I forgot to delete the centre button when removing the map. BTW I also added a button that centres the map.

[OregSamSas]

It works well enough.