From 7e71c35ead145cb658fbb9728788cfece0e7bfbb Mon Sep 17 00:00:00 2001 From: dankeboy36 Date: Sat, 8 Nov 2025 15:04:20 +0100 Subject: [PATCH] fix: align button height with Monaco metrics Closes: vscode-elements/elements#554 Signed-off-by: dankeboy36 --- src/vscode-button/vscode-button.styles.ts | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/vscode-button/vscode-button.styles.ts b/src/vscode-button/vscode-button.styles.ts index 6f9586168..c2bd5ed53 100644 --- a/src/vscode-button/vscode-button.styles.ts +++ b/src/vscode-button/vscode-button.styles.ts @@ -34,10 +34,10 @@ const styles: CSSResultGroup = [ font-weight: var(--vscode-font-weight, normal); height: 100%; justify-content: center; - line-height: 22px; + line-height: 18px; overflow: hidden; - padding: 1px calc(13px + var(--vsc-base-additional-right-padding, 0px)) - 1px 13px; + padding: 4px calc(13px + var(--vsc-base-additional-right-padding, 0px)) + 4px 13px; position: relative; user-select: none; white-space: nowrap; @@ -146,9 +146,8 @@ const styles: CSSResultGroup = [ :host(:empty) .base, .base.icon-only { - min-height: 24px; min-width: 26px; - padding: 1px 4px; + padding: 4px 4px; } slot {