Fix markdown code block styling (#198351)

Fixes #198183

Remove extra background and also removes the extra divs inside of the code blocks as these were causing issues with styling (extra padding)

Author: mjbvz

extensions/markdown-language-features/media/markdown.css

@@ -229,8 +229,10 @@ pre.hljs code > div {
 }
 
 pre code {
+	display: inline-block;
 	color: var(--vscode-editor-foreground);
 	tab-size: 4;
+	background: none;
 }
 
 /** Theming */

extensions/markdown-language-features/src/markdownEngine.ts

@@ -398,15 +398,14 @@ async function getMarkdownOptions(md: () => MarkdownIt): Promise<MarkdownIt.Opti
 			lang = normalizeHighlightLang(lang);
 			if (lang && hljs.getLanguage(lang)) {
 				try {
-					const highlighted = hljs.highlight(str, {
+					return hljs.highlight(str, {
 						language: lang,
 						ignoreIllegals: true,
 					}).value;
-					return `<div>${highlighted}</div>`;
 				}
 				catch (error) { }
 			}
-			return `<code><div>${md().utils.escapeHtml(str)}</div></code>`;
+			return md().utils.escapeHtml(str);
 		}
 	};
 }