Canvassing: Unintentional map panning

[sefsh]

Description

The feature

Zetkin features a new tool for organizing so-called canvassing (visiting households for talking and distributing material). Canvassers are provided with a dedicated interface in which they can view and interact with areas and locations visualized on a map.

The bug

When interacting with the map navigation tools in the top-left corner it's fairly easy to make the mistake of tapping the small map area left or top of the button group. This causes the map to pan to a different location, creating a loss of user focus.

Steps to reproduce

1. Go to https://app.dev.zetkin.org/organize/1
2. Make sure you're signed in as [email protected]
3. Click on 🗺 Geography in the side menu
4. Draw an area (currently by clicking the DRAW button and putting a few points on screen)
5. Click SAVE button to save the area.
6. Create a project from the top-right button
7. Create an area assignment from the "CREATE" button, call it Reporting test
8. Click on maps tab in the newly created area assignment
9. Use the map interface to locate and click on the area created in step 4
10. Type to find, and select the user Angela Davis in the Add assignee dropdown.
11. Click the top-right START ASSIGNMENT button
12. Go to https://app.dev.zetkin.org/my
13. Locate the and tap the Reporting test area assignment (possibly filed under "Canvass" category)
14. Tap START ASSIGNMENT
15. Tap the zoom controls (+/-) recklessly

Expected Behaviour

Buttons work reliably even with somewhat inaccurate taps, maximizing tap area for each button.

Actual Behaviour

Tapping buttons inaccurately may trigger map pan instead.

Screenshots