Geo: Show sync percent on bar graph and count within tooltips

app/assets/javascripts/geo_nodes.js

@@ -104,8 +104,8 @@ class GeoNodeStatus {
     graphItems.forEach((item) => {
       $itemEl.find(item.itemSel)
         .toggleClass('has-value has-tooltip', !!item.itemCount)
-        .attr('data-original-title', `${item.itemTooltip}: ${item.itemPercent}%`)
-        .text(item.itemCount || '')
+        .attr('data-original-title', `${item.itemTooltip}: ${item.itemCount}`)
+        .text(`${item.itemPercent}%` || '')
         .css('width', `${item.itemPercent}%`);
     });
   }

app/assets/stylesheets/framework/stacked-progress-bar.scss

@@ -11,12 +11,14 @@
   .status-neutral,
   .status-red, {
     height: 100%;
+    font-size: $tooltip-font-size;
     font-weight: normal;
     color: $white-light;
     line-height: 20px;
 
     &.has-value {
-      padding: 0 10px;
+      min-width: 25px;
+      padding: 0 5px;
     }
 
     &:hover {

changelogs/unreleased-ee/4330-show-item-count-in-tooltip.yml

+---
+title: 'Geo: Show sync percent on bar graph and count within tooltips'
+merge_request: 3794
+author:
+type: changed