re-use css classes for better icon support

src/vs/workbench/contrib/notebook/browser/contrib/outline/notebooksOutline.ts → src/vs/workbench/contrib/notebook/browser/contrib/outline/notebookOutline.ts

@@ -49,10 +49,10 @@ class NotebookOutlineRenderer implements ITreeRenderer<OutlineEntry, FuzzyScore,
 	templateId: string = NotebookOutlineTemplate.templateId;
 
 	renderTemplate(container: HTMLElement): NotebookOutlineTemplate {
-		const iconClass = dom.$('span.outline-element-icon');
-		// container.append(iconClass); todo@jrieken find a better way for icons
+		container.classList.add('outline-element');
+		const iconClass = dom.$('.outline-element-icon');
+		container.append(iconClass);
 		const iconLabel = new IconLabel(container, { supportHighlights: true });
-
 		return new NotebookOutlineTemplate(iconLabel, iconClass);
 	}
 

src/vs/workbench/contrib/notebook/browser/notebook.contribution.ts

@@ -59,7 +59,7 @@ import 'vs/workbench/contrib/notebook/browser/contrib/coreActions';
 import 'vs/workbench/contrib/notebook/browser/contrib/find/findController';
 import 'vs/workbench/contrib/notebook/browser/contrib/fold/folding';
 import 'vs/workbench/contrib/notebook/browser/contrib/format/formatting';
-import 'vs/workbench/contrib/notebook/browser/contrib/outline/notebooksOutline';
+import 'vs/workbench/contrib/notebook/browser/contrib/outline/notebookOutline';
 import 'vs/workbench/contrib/notebook/browser/contrib/marker/markerProvider';
 import 'vs/workbench/contrib/notebook/browser/contrib/status/editorStatus';
 // import 'vs/workbench/contrib/notebook/browser/contrib/scm/scm';