Fix bug 1500854: Fix display of grouped Machinery results (#1107)

If MT suggestion gets grouped with suggestions from other Machinery
sources, and is returned first, it:
- causes the group to lack "percent match" at the beginning
- lacks a dot separating it from the other services

pontoon/base/static/css/style.css

@@ -1150,9 +1150,9 @@ body > form,
   padding-right: 3px;
 }
 
-#helpers > section.machinery ul li > header .sources li[data-source='Google Translate']:before,
-#helpers > section.machinery ul li > header .sources li[data-source='Microsoft Translator']:before,
-#helpers > section.machinery ul li > header .sources li[data-source='Caighdean']:before {
+#helpers > section.machinery ul li > header .sources li[data-source='Google Translate']:only-child:before,
+#helpers > section.machinery ul li > header .sources li[data-source='Microsoft Translator']:only-child:before,
+#helpers > section.machinery ul li > header .sources li[data-source='Caighdean']:only-child:before {
   content: "";
   padding-right: 0;
 }

pontoon/base/static/js/main.js

@@ -364,6 +364,10 @@ var Pontoon = (function (my) {
             '</a></li>'
           );
 
+          if (data.quality && sources.find('.stress').length === 0) {
+            sources.prepend('<span class="stress">' + data.quality + '</span>');
+          }
+
         } else {
           if (data.source !== 'Caighdean') {
             var originalTextForDiff = originalText;