joao: tune the count badge size with regards to the new tree size

src/vs/base/browser/ui/countBadge/countBadge.css

@@ -4,16 +4,14 @@
  *--------------------------------------------------------------------------------------------*/
 
 .monaco-count-badge {
-	min-width: 18px;
-	padding: 0 3px;
-	margin: 4px 13px 0 6px;
-	border-radius: 8px;
-	font-size: 11px;
-	line-height: 16px;
+	padding: 0.2em 0.4em;
+	border-radius: 1em;
+	font-size: 80%;
 	font-weight: normal;
 	text-align: center;
 	background: #BEBEBE;
 	color: #FFF;
+	display: inline;
 }
 
 .vs-dark .monaco-count-badge {

src/vs/editor/contrib/referenceSearch/browser/referenceSearchWidget.css

@@ -112,6 +112,10 @@
 	background-color: rgba(234, 92, 0, 0.3);
 }
 
+.monaco-editor .reference-zone-widget .monaco-count-badge {
+	margin-right: 12px;
+}
+
 /* dark room */
 
 .monaco-editor.vs-dark .reference-zone-widget .tree .block,

src/vs/workbench/parts/git/browser/views/changes/changesViewer.ts

@@ -269,7 +269,10 @@ export class Renderer implements tree.IRenderer {
 		data.actionBar = new actionbar.ActionBar(container, { actionRunner: this.actionRunner });
 		data.actionBar.push(this.actionProvider.getActionsForGroupStatusType(statusType), { icon: true, label: false });
 		data.actionBar.addListener2('run', e => e.error && this.onError(e.error));
-		data.count = new countbadge.CountBadge(container);
+
+		const wrapper = dom.append(container, $('.count-badge-wrapper'));
+		data.count = new countbadge.CountBadge(wrapper);
+
 		data.root = dom.append(container, $('.status-group'));
 
 		switch (statusType) {

src/vs/workbench/parts/search/browser/media/searchviewlet.css

@@ -158,6 +158,10 @@
 	font-style: italic;
 }
 
+.search-viewlet .monaco-count-badge {
+	margin-right: 12px;
+}
+
 .vs .search-viewlet input.disabled,
 .vs .search-viewlet .file-types.disabled .monaco-inputbox {
 	background-color: #E1E1E1;