show install count

src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts

@@ -20,7 +20,7 @@ import { IExtensionGalleryService } from 'vs/platform/extensionManagement/common
 import { ExtensionsInput } from '../common/extensionsInput';
 import { IConfigurationService } from 'vs/platform/configuration/common/configuration';
 import { ITemplateData } from './extensionsList';
-import { RatingsWidget } from './extensionsWidgets';
+import { RatingsWidget, Label } from './extensionsWidgets';
 import { EditorOptions } from 'vs/workbench/common/editor';
 import { shell } from 'electron';
 import product from 'vs/platform/product';
@@ -78,7 +78,11 @@ export class ExtensionEditor extends BaseEditor {
 		const subtitle = append(details, $('.subtitle'));
 		this.publisher = append(subtitle, $<HTMLAnchorElement>('a.publisher'));
 		this.publisher.href = '#';
-		this.installCount = append(subtitle, $('span.install'));
+
+		const install = append(subtitle, $('span.install'));
+		append(install, $('span.octicon.octicon-cloud-download'));
+		this.installCount = append(install, $('span.count'));
+
 		this.rating = append(subtitle, $<HTMLAnchorElement>('a.rating'));
 		this.rating.href = '#';
 
@@ -115,6 +119,9 @@ export class ExtensionEditor extends BaseEditor {
 			});
 		}
 
+		const install = new Label(this.installCount, input.model, extension, e => `${ e.installCount }`);
+		this.transientDisposables.push(install);
+
 		const ratings = new RatingsWidget(this.rating, input.model, extension);
 		this.transientDisposables.push(ratings);
 

src/vs/workbench/parts/extensions/electron-browser/media/extensionEditor.css

@@ -46,13 +46,20 @@
 }
 
 .extension-editor > .header > .details > .subtitle {
-	font-size: 18px;
 	padding-top: 10px;
 	white-space: nowrap;
 	height: 20px;
 	line-height: 20px;
 }
 
+.extension-editor > .header > .details > .subtitle > .publisher {
+	font-size: 18px;
+}
+
+.extension-editor > .header > .details > .subtitle > .install > .count {
+	margin-left: 6px;
+}
+
 .extension-editor > .header > .details > .subtitle > span:not(:first-child):not(:empty),
 .extension-editor > .header > .details > .subtitle > a:not(:first-child):not(:empty) {
 	border-left: 1px solid rgba(128, 128, 128, 0.7);

src/vs/workbench/parts/extensions/electron-browser/media/extensionsWidgets.css

@@ -37,6 +37,5 @@
 }
 
 .extension-ratings > .count {
-	font-size: 80%;
 	margin-left: 6px;
 }
\ No newline at end of file