sidebarActionButton.css

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.sidebar-action-list .actions-container {
	gap: 4px;
}

.sidebar-action > .action-label {
	/* Hide the default action-label rendered by ActionViewItem */
	display: none;
}

/* Shared styling for interactive sidebar action buttons (account widget, customization links, etc.) */
.sidebar-action-button {
	display: flex;
	align-items: center;
	border: none;
	padding: 4px 8px;
	margin: 0;
	font-size: 12px;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: transparent;
	color: var(--vscode-agentsPanel-foreground, var(--vscode-foreground));
	width: 100%;
	text-align: left;
	justify-content: flex-start;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	gap: 10px;
	display: flex;
}

.sidebar-action-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.sidebar-action-button.monaco-text-button:focus {
	outline-offset: -1px !important;
}

.sidebar-action-button.monaco-text-button .codicon {
	margin: 0;
}