Add flex display to status check items for improved layout (#8302)

mrleemurray · mrleemurray · web-flow · commit 7c7f6bf46303 · 2025-12-11T12:40:32.000Z
Co-authored-by: mrleemurray &lt;lee.murray@microsoft.com&gt;
diff --git a/webviews/editorWebview/index.css b/webviews/editorWebview/index.css
@@ -230,6 +230,10 @@ body .comment-container .review-comment-header {
 	gap: 8px;
 }
 
+.status-check > div:not(.status-check-details) {
+	display: flex;
+}
+
 #merge-on-github {
 	margin-top: 10px;
 }

Original file line number	Diff line number	Diff line change
`@@ -230,6 +230,10 @@ body .comment-container .review-comment-header {`
`230`	`230`	`gap: 8px;`
`231`	`231`	`}`
`232`	`232`
	`233`	`+.status-check > div:not(.status-check-details) {`
	`234`	`+ display: flex;`
	`235`	`+}`
	`236`	`+`
`233`	`237`	`#merge-on-github {`
`234`	`238`	`margin-top: 10px;`
`235`	`239`	`}`