From 93ab22f494c5bdb36776e71772c28f9bc33b0a71 Mon Sep 17 00:00:00 2001
From: Kaiyue Pan <kaiyue.pan@ericsson.com>
Date: Wed, 25 Mar 2020 16:02:16 -0400
Subject: [PATCH] vsx: fix inconsistent download-count font-family

Fixes #7423

This commit fixes the inconsistent `font-family` used
when displaying the `download-count` when viewing an extension's information.

Signed-off-by: Kaiyue Pan <kaiyue.pan@ericsson.com>
---
 packages/vsx-registry/src/browser/style/index.css   | 2 +-
 packages/vsx-registry/src/browser/vsx-extension.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vsx-registry/src/browser/style/index.css b/packages/vsx-registry/src/browser/style/index.css
index 455ad03dab756..bf03de5d1ea28 100644
--- a/packages/vsx-registry/src/browser/style/index.css
+++ b/packages/vsx-registry/src/browser/style/index.css
@@ -92,11 +92,11 @@
     font-size: 80%;
 }
 
-
 .theia-vsx-extension-content .title .stat .average-rating > i {
     color: #ff8e00;
 }
 
+.theia-vsx-extension-editor .download-count > i,
 .theia-vsx-extension-content .title .stat .average-rating > i,
 .theia-vsx-extension-content .title .stat .download-count > i {
     padding-right: calc(var(--theia-ui-padding)/2);
diff --git a/packages/vsx-registry/src/browser/vsx-extension.tsx b/packages/vsx-registry/src/browser/vsx-extension.tsx
index 073c4de96348d..f29a46cda6364 100644
--- a/packages/vsx-registry/src/browser/vsx-extension.tsx
+++ b/packages/vsx-registry/src/browser/vsx-extension.tsx
@@ -369,7 +369,8 @@ export class VSXExtensionEditorComponent extends AbstractVSXExtensionComponent {
                             {this.renderNamespaceAccess()}
                             {publisher}
                         </span>
-                        {downloadCount && <span className='fa fa-download download-count' onClick={this.openExtension}>{downloadFormatter.format(downloadCount)}</span>}
+                        {downloadCount && <span className='download-count' onClick={this.openExtension}>
+                            <i className="fa fa-download" />{downloadFormatter.format(downloadCount)}</span>}
                         {averageRating && <span className='average-rating' onClick={this.openAverageRating}>{this.renderStars()}</span>}
                         {repository && <span className='repository' onClick={this.openRepository}>Repository</span>}
                         {license && <span className='license' onClick={this.openLicense}>{license}</span>}