Move version to subtitle

src/vs/workbench/contrib/extensions/browser/extensionEditor.ts

@@ -146,10 +146,10 @@ interface IExtensionEditorTemplate {
 	icon: HTMLImageElement;
 	name: HTMLElement;
 	identifier: HTMLElement;
-	version: HTMLElement;
 	preview: HTMLElement;
 	builtin: HTMLElement;
 	license: HTMLElement;
+	version: HTMLElement;
 	publisher: HTMLElement;
 	installCount: HTMLElement;
 	rating: HTMLElement;
@@ -216,7 +216,6 @@ export class ExtensionEditor extends BaseEditor {
 		const title = append(details, $('.title'));
 		const name = append(title, $('span.name.clickable', { title: localize('name', "Extension name") }));
 		const identifier = append(title, $('span.identifier', { title: localize('extension id', "Extension identifier") }));
-		const version = append(title, $('span.version', { title: localize('extension version', "Extension version") }));
 
 		const preview = append(title, $('span.preview', { title: localize('preview', "Preview") }));
 		preview.textContent = localize('preview', "Preview");
@@ -241,6 +240,11 @@ export class ExtensionEditor extends BaseEditor {
 		license.style.display = 'none';
 		license.tabIndex = 0;
 
+		const version = append(subtitle, $('span.version'));
+		version.textContent = localize('version', 'Version');
+		version.style.display = 'none';
+		version.tabIndex = 0;
+
 		const description = append(details, $('.description'));
 
 		const extensionActions = append(details, $('.actions'));
@@ -339,6 +343,7 @@ export class ExtensionEditor extends BaseEditor {
 		template.name.textContent = extension.displayName;
 		template.identifier.textContent = extension.identifier.id;
 		template.version.textContent = extension.version;
+		template.version.style.display = 'inherit';
 		template.preview.style.display = extension.preview ? 'inherit' : 'none';
 		template.builtin.style.display = extension.type === ExtensionType.System ? 'inherit' : 'none';
 

src/vs/workbench/contrib/extensions/browser/media/extensionEditor.css

@@ -73,8 +73,7 @@
 	white-space: nowrap;
 }
 
-.extension-editor > .header > .details > .title > .identifier,
-.extension-editor > .header > .details > .title > .version {
+.extension-editor > .header > .details > .title > .identifier {
 	margin-left: 10px;
 	font-size: 14px;
 	opacity: 0.6;
@@ -465,8 +464,7 @@
 	text-decoration: underline;
 }
 
-.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .identifier,
-.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .version {
+.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .identifier {
 	font-size: 90%;
 	opacity: 0.6;
 	margin-left: 10px;