Avoid shifting when adding/deleting reactions

src/vs/workbench/contrib/comments/electron-browser/commentsEditorContribution.ts

@@ -770,6 +770,6 @@ registerThemingParticipant((theme, collector) => {
 
 	const statusBarItemActiveBackground = theme.getColor(STATUS_BAR_ITEM_ACTIVE_BACKGROUND);
 	if (statusBarItemActiveBackground) {
-		collector.addRule(`.monaco-editor .review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label:active { background-color: ${statusBarItemActiveBackground}; border: none;}`);
+		collector.addRule(`.monaco-editor .review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label:active { background-color: ${statusBarItemActiveBackground}; border: 1px solid transparent;}`);
 	}
 });

src/vs/workbench/contrib/comments/electron-browser/media/review.css

@@ -47,6 +47,10 @@
 	margin-left: auto;
 }
 
+.monaco-editor .review-widget .body .review-comment .comment-actions .monaco-toolbar {
+	height: 21px;
+}
+
 .monaco-editor .review-widget .body .review-comment .comment-actions .action-item {
 	width: 22px;
 }
@@ -179,6 +183,7 @@
 	background-repeat: no-repeat;
 	background-position: center;
 	margin-top: 3px;
+	border: none;
 }
 
 .monaco-editor .review-widget .body .review-comment .review-comment-contents .comment-reactions:hover .action-item a.action-label.toolbar-toggle-pickReactions {
@@ -210,6 +215,10 @@
 	background-image: url(./reaction-hc.svg);
 }
 
+.monaco-editor .review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label{
+	border: 1px solid transparent;
+}
+
 .monaco-editor .review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.active {
 	border: 1px solid grey;
 }