Instructions panel should not block the map

[lucky-bai]

A common complaint is that the directions panel tends to block the map. This is because the app was initially intended for tablets, and I didn't realize this would be a problem for phones. Now that most of the users are using phones, this is a pretty important improvement.

I'm not sure what's the best way to fix this. Some possibilities:

• Make the map scrollable beyond the boundaries, so if the instructions panel is covering the map, they can scroll so the relevant portion of the map is not being covered by the instructions
• Limit the size of the directions pane and make it scrollable
• Place the directions pane above or below the map, so it's not overlapping any part of the map

This needs some more investigation to determine the best solution. Make sure that the solution works for phones and tablets, for portrait and landscape modes.