Adjust CSS to fix spacing in split ActionBarButton (#7739)

softwarenerd · web-flow · commit bd7c8b7a7ee3 · 2025-05-16T19:28:36.000-07:00
This PR makes a small adjustment to the `ActionBarButton` component for better spacing of the split codicon.
diff --git a/src/vs/platform/positronActionBar/browser/components/actionBarButton.css b/src/vs/platform/positronActionBar/browser/components/actionBarButton.css
@@ -110,12 +110,12 @@
 
 .action-bar-button-icon.enabled-split {
 	display: flex;
-	padding: 0 2px 0 3px;
+	padding: 0 4px;
 }
 
 .action-bar-button-icon.enabled-split:hover {
 	border-radius: 4px;
-	padding: 0 2px 0 3px;
+	padding: 0 4px 0 3px;
 	filter: brightness(90%);
 	background: var(--positronActionBar-hoverBackground);
 }

Original file line number	Diff line number	Diff line change
`@@ -110,12 +110,12 @@`
`110`	`110`
`111`	`111`	`.action-bar-button-icon.enabled-split {`
`112`	`112`	`display: flex;`
`113`		`- padding: 0 2px 0 3px;`
	`113`	`+ padding: 0 4px;`
`114`	`114`	`}`
`115`	`115`
`116`	`116`	`.action-bar-button-icon.enabled-split:hover {`
`117`	`117`	`border-radius: 4px;`
`118`		`- padding: 0 2px 0 3px;`
	`118`	`+ padding: 0 4px 0 3px;`
`119`	`119`	`filter: brightness(90%);`
`120`	`120`	`background: var(--positronActionBar-hoverBackground);`
`121`	`121`	`}`