test explorer filter UI

[ulugbekna]

Two small UI issues with the filter input box in the test explorer:

1. There's not enough right margin on the button
2. The cursor isn't aligned to center (oh, screenshot below can't capture it but basically the cursor isn't in the center vertically of the input box).

[connor4312]

Fixed in #183192

[ulugbekna]

Seems better but not fixed?

I propose that we move this to next milestone, I can take a stab at fixing this

For comparison, search input :

[ulugbekna]

I'm sorry to do this again, but the cursor is still not centered

Screen.Recording.2023-07-25.at.15.46.42.mov

I think this is because the input widget has height of 20px

vscode/src/vs/workbench/contrib/testing/browser/testingExplorerFilter.ts

Line 76 in 698b8ad

const input = this.input = this._register(this.instantiationService.createInstance(ContextScopedSuggestEnabledInputWithHistory, {

vscode/src/vs/workbench/contrib/codeEditor/browser/suggestEnabledInput/suggestEnabledInput.ts

Line 498 in 698b8ad

lineHeight: 20,

while the container has height 23

vscode/src/vs/workbench/contrib/testing/browser/testingExplorerFilter.ts

Lines 135 to 140 in 698b8ad

	public layout(width: number) {
	this.input.layout(new dom.Dimension(
	width - /* horizontal padding */ 24 - /* editor padding */ 8 - /* filter button padding */ 22,
	/* line height */ 27 - /* editor padding */ 4,
	));
	}