Splitting success.help_html

In ref issue: https://github.com/openstreetmap/iD/issues/2940

css/app.css

@@ -2460,9 +2460,11 @@ div.full-screen > button:hover {
 ------------------------------------------------------- */
 
 .save-success p {
-    padding: 15px;
+    padding: 15px 15px 0 15px;
+}
+.save-success a.details {
+  padding-left: 15px;
 }
-
 .save-success .button {
     padding-top: 15px;
 }

data/core.yaml

@@ -373,9 +373,9 @@ en:
     facebook: "Share on Facebook"
     twitter: "Share on Twitter"
     google: "Share on Google+"
-    help_html: |
-      Your changes should appear in the "Standard" layer in a few minutes. Other layers, and certain features, may take longer
-      (<a href='https://help.openstreetmap.org/questions/4705/why-havent-my-changes-appeared-on-the-map' target='_blank'>details</a>).
+    help_html: Your changes should appear in the "Standard" layer in a few minutes. Other layers, and certain features, may take longer.
+    help_link_text: Details
+    help_link_url: https://wiki.openstreetmap.org/wiki/FAQ#I_have_just_made_some_changes_to_the_map._How_do_I_get_to_see_my_changes.3F
   confirm:
     okay: "Okay"
     cancel: "Cancel"

js/id/ui/success.js

@@ -23,6 +23,15 @@ iD.ui.Success = function(context) {
         body.append('p')
             .html(t('success.help_html'));
 
+        body.append('a')
+            .attr('class', 'details')
+            .attr('target', '_blank')
+            .attr('tabindex', -1)
+            .call(iD.svg.Icon('#icon-out-link', 'inline'))
+            .attr('href', t('success.help_link_url'))
+            .append('span')
+            .text(t('success.help_link_text'));
+
         var changesetURL = context.connection().changesetURL(changeset.id);
 
         body.append('a')