Slightly better way to display the nearby contributors list

This switches to `display: inline-block` and adds
`max-width: 110px` and `text-overflow: ellipsis` to guard
against long usernames making this content too wide.

Also make sure the user-links include their parent span so the
:last-of-type selector can work to add commas between the list items.
Before it didn't work beacuse of the "and {n} others".
(the {n} becomes the last-of-type, and the last username got a trailing comma)

css/80_app.css

@@ -4534,7 +4534,17 @@ li.issue-fix-item button:not(.actionable) .fix-icon {
   border-left: 1px solid rgba(255,255,255,.5);
 }
 
-.map-footer-info .contributors a:not(:last-child):after {
+.contributors span {
+  display: inline-flex;
+}
+.contributors a {
+  display: inline-block;
+  max-width: 110px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 2px;
+}
+.contributors a.user-link:not(:last-of-type):after {
   content: ', ';
 }
 

modules/ui/UiContributors.js

@@ -106,24 +106,26 @@ export class UiContributors {
       .attr('target', '_blank')
       .text(d => d);
 
+    const linksHTML = $$links.node().outerHTML;
+
     if (seen.size > MAXUSERS) {
       const othersNum = seen.size - MAXUSERS;
-      const $$count = select(document.createElement('span'));
+      const $$count = select(document.createElement('a'));
 
       $$count
-        .append('a')
         .attr('target', '_blank')
         .attr('href', osm.changesetsURL(viewport.centerLoc(), viewport.transform.zoom))
         .text(othersNum);
 
+      const countHTML = $$count.node().outerHTML;
+
       $wrap.selectAll('.user-list')   // "Edits by {users} and {n} others"
-        .html(l10n.tHtml('contributors.truncated_list', { n: othersNum, users: $$links.html(), count: $$count.html() }));
+        .html(l10n.t('contributors.truncated_list', { n: othersNum, users: linksHTML, count: countHTML }));
 
     } else {
       $wrap.selectAll('.user-list')   // "Edits by {users}"
-        .html(l10n.tHtml('contributors.list', { users: $$links.html() }));
+        .html(l10n.t('contributors.list', { users: linksHTML }));
     }
-
   }
 
 }