SCM decorations are single pixel wide and sometimes not visible at all (microsoft#158786)

Fixes microsoft#158276

Author: alexr00

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

@@ -873,9 +873,9 @@ export class CommentController implements IEditorContribution {
 
 				const options = this.editor.getOptions();
 				if (options.get(EditorOption.folding) && options.get(EditorOption.showFoldingControls) !== 'never') {
-					lineDecorationsWidth -= 16;
+					lineDecorationsWidth -= 27;
 				}
-				lineDecorationsWidth += 15;
+				lineDecorationsWidth += 24;
 				extraEditorClassName.push('inline-comment');
 				this.editor.updateOptions({
 					extraEditorClassName: extraEditorClassName.join(' '),

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

@@ -444,9 +444,9 @@ div.preview.inline .monaco-editor .comment-range-glyph {
 
 .monaco-editor.inline-comment .margin-view-overlays .codicon-folding-expanded,
 .monaco-editor.inline-comment .margin-view-overlays .codicon-folding-collapsed {
-	margin-left: 14px;
+	margin-left: 11px;
 }
 
 .monaco-editor.inline-comment .margin-view-overlays .dirty-diff-glyph {
-	margin-left: 24px;
+	margin-left: 25px;
 }