Fix Microsoft/vscode-remote/issues/1269

src/vs/workbench/contrib/extensions/electron-browser/extensionsActions.ts

@@ -303,12 +303,14 @@ export class RemoteInstallAction extends ExtensionAction {
 	private updateLabel(): void {
 		if (this.installing) {
 			this.label = RemoteInstallAction.INSTALLING_LABEL;
+			this.tooltip = this.label;
 			return;
 		}
 		const remoteAuthority = this.environmentService.configuration.remoteAuthority;
 		if (remoteAuthority) {
 			const host = this.labelService.getHostLabel(REMOTE_HOST_SCHEME, this.environmentService.configuration.remoteAuthority) || localize('remote', "Remote");
 			this.label = `${RemoteInstallAction.INSTALL_LABEL} on ${host}`;
+			this.tooltip = this.label;
 			return;
 		}
 	}

src/vs/workbench/contrib/extensions/electron-browser/media/extensionActions.css

@@ -7,6 +7,9 @@
 	padding: 0 5px;
 	outline-offset: 2px;
 	line-height: initial;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
 }
 
 .monaco-action-bar .action-item .action-label.clear-extensions {

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

@@ -145,6 +145,9 @@
 	padding: 1px 6px;
 }
 
+.extension-editor > .header > .details > .actions > .monaco-action-bar > .actions-container > .action-item > .extension-action {
+	max-width: 300px;
+}
 
 .extension-editor > .header > .details > .subtext-container {
 	display: block;

src/vs/workbench/contrib/extensions/electron-browser/media/extensionsViewlet.css

@@ -224,6 +224,14 @@
 	flex-wrap: wrap-reverse;
 }
 
+.extensions-viewlet > .extensions .extension > .details > .footer > .monaco-action-bar > .actions-container .extension-action {
+	max-width: 150px;
+}
+
+.extensions-viewlet.narrow > .extensions .extension > .details > .footer > .monaco-action-bar > .actions-container .extension-action {
+	max-width: 100px;
+}
+
 .extensions-viewlet > .extensions .extension > .details > .footer > .monaco-action-bar .action-label {
 	margin-top: 0.3em;
 	margin-left: 0.3em;