Adjust avatar margin for improved layout consistency in PR and comment sections (#8564)

mrleemurray · mrleemurray · web-flow · commit f04909869c03 · 2026-03-03T10:36:23.000-05:00
Co-authored-by: mrleemurray &lt;lee.murray@microsoft.com&gt;
diff --git a/webviews/common/common.css b/webviews/common/common.css
@@ -249,7 +249,7 @@ body img.avatar {
 }
 
 .section-item .avatar-link {
-	margin-right: 8px;
+	margin-right: 6px;
 }
 
 .section-item .avatar-container {
diff --git a/webviews/editorWebview/index.css b/webviews/editorWebview/index.css
@@ -636,12 +636,12 @@ body button .icon {
 
 .subtitle .avatar,
 .subtitle .avatar-icon svg {
+	margin-top: 2px;
 	margin-right: 6px;
 }
 
 .subtitle .author {
 	display: flex;
-	align-items: center;
 }
 
 .merge-branches {
@@ -861,7 +861,7 @@ button.secondary.change-base {
 
 .commit .commit-message .avatar-container,
 .merged .merged-message .avatar-container {
-	margin-right: 4px;
+	margin-right: 6px;
 	flex-shrink: 0;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -249,7 +249,7 @@ body img.avatar {`
`249`	`249`	`}`
`250`	`250`
`251`	`251`	`.section-item .avatar-link {`
`252`		`- margin-right: 8px;`
	`252`	`+ margin-right: 6px;`
`253`	`253`	`}`
`254`	`254`
`255`	`255`	`.section-item .avatar-container {`
Original file line number	Diff line number	Diff line change
`@@ -636,12 +636,12 @@ body button .icon {`
`636`	`636`
`637`	`637`	`.subtitle .avatar,`
`638`	`638`	`.subtitle .avatar-icon svg {`
	`639`	`+ margin-top: 2px;`
`639`	`640`	`margin-right: 6px;`
`640`	`641`	`}`
`641`	`642`
`642`	`643`	`.subtitle .author {`
`643`	`644`	`display: flex;`
`644`		`- align-items: center;`
`645`	`645`	`}`
`646`	`646`
`647`	`647`	`.merge-branches {`
`@@ -861,7 +861,7 @@ button.secondary.change-base {`
`861`	`861`
`862`	`862`	`.commit .commit-message .avatar-container,`
`863`	`863`	`.merged .merged-message .avatar-container {`
`864`		`- margin-right: 4px;`
	`864`	`+ margin-right: 6px;`
`865`	`865`	`flex-shrink: 0;`
`866`	`866`	`}`
`867`	`867`