make "captured by …" translatable; single line if possible

css/60_photos.css

@@ -104,6 +104,7 @@
 .photo-attribution span {
     padding: 4px 2px;
     color: #fff;
+    text-wrap: nowrap;
 }
 
 /* markers and sequences */

data/core.yaml

@@ -1438,6 +1438,7 @@ en:
     title: Panoramax
     tooltip: "Street-level photos from Panoramax"
     report: "Report"
+    captured_by: "Captured by {username}"
     hd: "High resolution"
   street_side:
     minzoom_tooltip: "Zoom in to see street-side photos"

modules/services/panoramax.js

@@ -504,15 +504,19 @@ export default {
         }
 
         if (d.account_id) {
+            attribution
+                .append('span')
+                .text('|');
+
             let line2 = attribution
-                .append('div')
+                .append('span')
                 .attr('class', 'attribution-row');
 
             getUsername(d.account_id).then(function(username){
                 line2
                     .append('span')
                     .attr('class', 'captured_by')
-                    .text('Captured by: ' + username);
+                    .text(t('panoramax.captured_by', {username}));
             });
         }