UX: top contributors: fix wrapping with long numbers and alignment (#79)

Author: chapoi

desktop/desktop.scss

@@ -48,6 +48,7 @@
 .top-contributors--user-likes {
   grid-area: right;
   justify-self: end;
+  white-space: nowrap;
 }
 
 // Recent replies

javascripts/discourse/components/top-contributors.hbs

@@ -20,11 +20,11 @@
       </span>
       <span class={{concat "top-contributors--user-likes order--" this.order}}>
         {{#if (eq this.order "likes_received")}}
+          {{number item.likes_received}}
           {{d-icon "heart"}}
-          {{item.likes_received}}
         {{else}}
+          {{number item.likes_given}}
           {{d-icon "heart"}}
-          {{item.likes_given}}
         {{/if}}
       </span>
     </div>
@@ -33,4 +33,4 @@
 
 <a class="top-contributors--view-all" href={{this.viewAllUrl}}>
   {{theme-i18n "top_contributors.view_all"}}
-</a>
+</a>