header actions button wrapping (#7100)

alexr00 · web-flow · commit 20ee0f506f63 · 2025-06-26T13:18:09.000+02:00
Fixes microsoft/vscode-copilot#18977
diff --git a/webviews/editorWebview/index.css b/webviews/editorWebview/index.css
@@ -521,6 +521,8 @@ body button .icon {
 .button-group {
 	display: flex;
 	gap: 8px;
+	flex-wrap: wrap;
+	align-items: flex-start;
 }
 
 .small-button {
@@ -531,6 +533,7 @@ body button .icon {
 
 .header-actions {
 	display: flex;
+	gap: 8px;
 }
 
 .header-actions>div:first-of-type {

Original file line number	Diff line number	Diff line change
`@@ -521,6 +521,8 @@ body button .icon {`
`521`	`521`	`.button-group {`
`522`	`522`	`display: flex;`
`523`	`523`	`gap: 8px;`
	`524`	`+ flex-wrap: wrap;`
	`525`	`+ align-items: flex-start;`
`524`	`526`	`}`
`525`	`527`
`526`	`528`	`.small-button {`
`@@ -531,6 +533,7 @@ body button .icon {`
`531`	`533`
`532`	`534`	`.header-actions {`
`533`	`535`	`display: flex;`
	`536`	`+ gap: 8px;`
`534`	`537`	`}`
`535`	`538`
`536`	`539`	`.header-actions>div:first-of-type {`