Hover commands are off

[bpasero]

Notice how the command is offscreen:

Steps to Reproduce:

1. open chatStatus.ts
2. change getEntryProps to return this:

return {
			name: localize('chatStatus', "Copilot Status"),
			text,
			ariaLabel,
			command,
			showInAllWindows: true,
			kind: 'copilot',
			tooltip: {
				content: () => {
					const container = $('div.chat-status-bar-entry-tooltip');

					if (this.contextKeyService.getContextKeyValue<boolean>(ChatContextKeys.Setup.pro.key) === true) {
						container.appendChild($('div', undefined, localize('proTitle', "You are using Copilot Pro")));
						container.appendChild($('hr'));
					}

					// Settings
					this.createSettings(container, disposables);

					// Shortcuts
					container.appendChild($('hr'));
					this.createShortcuts(container, disposables);

					return container;
				},
				commands: [{
					id: TOGGLE_CHAT_ACTION_ID,
					title: 'Toggle'
				}]
			}
		};

[benibenj]

There are some weird margins being set here which are causing this. The hover is being set as right-aligned as it would overflow the window.

vscode/src/vs/editor/browser/services/hoverService/hover.css

Lines 121 to 124 in bc9dcf3

	.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
	margin-right: 0;
	margin-left: 16px;
	}

Looking at the history of the change it looks like it was introduced for the terminal hover. I do not think the terminal uses this anymore. Removing the margins fixes the problem. What do you think @Tyriar, can we remove them?