Fix reviewer icons horizontal misalignment in pull request view (#8013)

Copilot · alexr00 · web-flow · commit 161802de2ca0 · 2025-10-30T10:38:23.000Z
* Initial plan

* Initial investigation of reviewer icon misalignment issue

Co-authored-by: alexr00 &lt;38270282+alexr00@users.noreply.github.com&gt;

* Fix reviewer icons misalignment by adding align-items: center

Co-authored-by: alexr00 &lt;38270282+alexr00@users.noreply.github.com&gt;

* Add justify-content: flex-end to align reviewer icons horizontally

Co-authored-by: alexr00 &lt;38270282+alexr00@users.noreply.github.com&gt;

* Hide aria alert div to prevent layout space consumption

Co-authored-by: alexr00 &lt;38270282+alexr00@users.noreply.github.com&gt;

* revert

* Remove extra css

---------

Co-authored-by: copilot-swe-agent[bot] &lt;198982749+Copilot@users.noreply.github.com&gt;
Co-authored-by: alexr00 &lt;38270282+alexr00@users.noreply.github.com&gt;
diff --git a/webviews/common/common.css b/webviews/common/common.css
@@ -238,6 +238,13 @@ body img.avatar {
 	gap: 4px;
 }
 
+.reviewer-icons [role='alert'] {
+	position: absolute;
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+
 .push-right {
 	margin-left: auto;
 }

Original file line number	Diff line number	Diff line change
`@@ -238,6 +238,13 @@ body img.avatar {`
`238`	`238`	`gap: 4px;`
`239`	`239`	`}`
`240`	`240`
	`241`	`+.reviewer-icons [role='alert'] {`
	`242`	`+ position: absolute;`
	`243`	`+ width: 0;`
	`244`	`+ height: 0;`
	`245`	`+ overflow: hidden;`
	`246`	`+}`
	`247`	`+`
`241`	`248`	`.push-right {`
`242`	`249`	`margin-left: auto;`
`243`	`250`	`}`