Place the localize button above the map/below the address

[drummer83]

What? Why?

This modification places the localize button above the map/below the address as proposed in #51.

What should we test?

The registration process works as before.

Release notes

Place the localize button above the map/below the address.

Changelog Category: User facing changes

Dependencies

None.

Documentation updates

User guides need updated screenshots (outdated anyways).
https://guide.openfoodnetwork.org/basic-features/register-and-create-your-profile

[mkllnk]

A screenshot in the PR description would have been nice.

[RachL]

@drummer83 thanks for this PR! Next time, process-wise I think we need to create an issue in the repo first, to validate what we want to do but also to be sure to write correctly the tests needed to validate the PR. It's also easier to assign people to the issue and avoid 2 persons working on the same bit (rare cases, but we never know!).

@filipefurtad0 I don't know what you think, but I'm guessing we will want to check different type of browsers, and check how errors message are behaving / overlap with the new position. On a standard size it seems ok, but we will need to check mobile as well.

I can't look at it today but if the testing column starts to be crowded, I can have a look on Thursday.

[filipefurtad0]

Hey @drummer83 ,

Many thanks for this PR 💪

Agree with the testing approach @RachL , different devices/browsers should be checked -thanks!

The proof of concept is displayed below, for Firefox 94 (before this PR, left; after this PR right):

I've checked the new position of the button on:

• Safari / iPhone
  

• Android/Chrome
  

• Android/Firefox
  

Good to go! 🎉