#9 Further improve the flow, by scrolling to the address control and …

…focusing on the map. Adjust the instructions to encourage users to locate the address exactly before moving on

index.html

@@ -52,10 +52,11 @@ <h2 data-i18n="app.title"></h2>
 
                 <div class='center pad2'>
                     <p id="couldnt-find" style='display: none;' data-i18n="[html]step1.fail"></p>
-                    <p id="success" style='display: none;'></p>
                 </div>
                 <div class='col12'>
-                    <div class='col12' id='findme-map' style="margin-bottom: 500px;"></div>
+                    <div class='col12' id='findme-map'></div>
+                    <p id="success" class="center" style='display: none; margin-bottom: 500px;'></p>
+
                 </div>
             </div>
 

js/site.js

@@ -59,7 +59,7 @@ $("#use_my_location").click(function (e) {
 
             $('#success').html(successString);
             $('#success').show();
-            window.scrollTo(0, $('#success').position().top - 10);
+            window.scrollTo(0, $('#address').position().top - 30);
             $('.step-2 a').attr('href', '#details');
         }, function (error) {
             $("#couldnt-find").show();
@@ -87,7 +87,7 @@ $("#find").submit(function(e) {
 
             $('#success').html(successString);
             $('#success').show();
-            window.scrollTo(0, $('#success').position().top - 10);
+            window.scrollTo(0, $('#address').position().top - 30);
             $('.step-2 a').attr('href', '#details');
         } else {
             $("#couldnt-find").show();

locales/en-US/translation.json

@@ -39,7 +39,7 @@
     "row4a": "Back to initial screen"
   },
   "messages": {
-    "success": "Found it! Click and drag the marker on your business place position, so you'll be ready to <a href='#details'>add more details</a>.",
+    "success": "<strong>Found it!</strong> Move the marker until it is <strong>exactly on your business</strong>.<br />When you are happy, we can start to <a href='#details'>add more details</a>.",
     "loadingText": "Searching..."
   }
 }