Zoom control is overlapped by round buttons in left-handed mode

[dasshield]

Steps to reproduce:

1. Open settings drawer using hamburger button
2. Switch 'Left-handed' toggle
3. Zoom control is moved to the right under round buttons
   

[iamandrewluca]

More details:

• zoom buttons are provided from map component
• location and route buttons are created in react

Solution would be to move one or another to other side

[ralienpp]

I think that a universal solution would be to

1. make the "find me" button a part of the zoom controls (Google Maps does it)
   
2. and make it have the same style (gray/white, not red)
3. move the "choose route" button to the center of the screen

Thus, when users chose left/right-handed, only the zoom/location controls change their position, while the route selector is always in the same place, which is easily reachable with the thumb regardless of screen size:

The rationale for changing the "find my location" button style is that it will make it less prominent, thus "choose route" becomes the most visible UI widget, further signalizing users to interact with it.

[iamandrewluca]

Notes:

• https://github.com/domoritz/leaflet-locatecontrol/