diff --git a/src/vs/workbench/contrib/markers/browser/markersPanelActions.ts b/src/vs/workbench/contrib/markers/browser/markersPanelActions.ts index 92fd3b3c925..f2747c02b15 100644 --- a/src/vs/workbench/contrib/markers/browser/markersPanelActions.ts +++ b/src/vs/workbench/contrib/markers/browser/markersPanelActions.ts @@ -159,6 +159,7 @@ export class MarkersFilterActionViewItem extends BaseActionViewItem { toggleLayout(small: boolean) { if (this.container) { DOM.toggleClass(this.container, 'small', small); + this.adjustInputBox(); } } @@ -247,7 +248,7 @@ export class MarkersFilterActionViewItem extends BaseActionViewItem { } private adjustInputBox(): void { - this.filterInputBox.inputElement.style.paddingRight = (DOM.getTotalWidth(this.controlsContainer) || 20) + 'px'; + this.filterInputBox.inputElement.style.paddingRight = DOM.hasClass(this.container, 'small') || DOM.hasClass(this.filterBadge, 'hidden') ? '25px' : '150px'; } // Action toolbar is swallowing some keys for action items which should not be for an input box