Open folders "x unsaved" label text is displayed in multiple lines (fix microsoft#177601) (microsoft#186907)

Author: bpasero

src/vs/workbench/contrib/files/browser/media/explorerviewlet.css

@@ -57,23 +57,6 @@
 	flex: 0; /* do not steal space when label is hidden because we are in edit mode */
 }
 
-.explorer-folders-view .pane-header .count {
-	min-width: fit-content;
-	display: flex;
-	align-items: center;
-}
-
-.pane.horizontal:not(.expanded) .pane-header .dirty-count.monaco-count-badge,
-.pane-header .dirty-count.monaco-count-badge.hidden {
-	display: none;
-}
-
-.dirty-count.monaco-count-badge {
-	padding: 2px 4px;
-	margin-left: 6px;
-	min-height: auto;
-}
-
 .explorer-folders-view .explorer-item.nonexistent-root {
 	opacity: 0.5;
 }

src/vs/workbench/contrib/files/browser/views/media/openeditors.css

@@ -3,6 +3,23 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+.pane-header .open-editors-dirty-count-container {
+	min-width: fit-content;
+	display: flex;
+	align-items: center;
+}
+
+.pane.horizontal:not(.expanded) .pane-header .open-editors-dirty-count-container > .dirty-count.monaco-count-badge,
+.pane-header .open-editors-dirty-count-container > .dirty-count.monaco-count-badge.hidden {
+	display: none;
+}
+
+.pane-header .open-editors-dirty-count-container > .dirty-count.monaco-count-badge {
+	padding: 2px 4px;
+	margin-left: 6px;
+	min-height: auto;
+}
+
 .open-editors .monaco-list .monaco-list-row:hover > .monaco-action-bar,
 .open-editors .monaco-list .monaco-list-row.focused > .monaco-action-bar,
 .open-editors .monaco-list .monaco-list-row.dirty > .monaco-action-bar,

src/vs/workbench/contrib/files/browser/views/openEditorsView.ts

@@ -170,7 +170,7 @@ export class OpenEditorsView extends ViewPane {
 	protected override renderHeaderTitle(container: HTMLElement): void {
 		super.renderHeaderTitle(container, this.title);
 
-		const count = dom.append(container, $('.count'));
+		const count = dom.append(container, $('.open-editors-dirty-count-container'));
 		this.dirtyCountElement = dom.append(count, $('.dirty-count.monaco-count-badge.long'));
 
 		this.dirtyCountElement.style.backgroundColor = asCssVariable(badgeBackground);