Find/replace icons are not intuitive

Issue Type: Bug

Related to my feedback on find/replace behavior (#91210), the dialog is also difficult to use because of its reliance on mystifying icons over labeled buttons.

• Several icons are just variants of Aa and Ab and AB etc. which are hard to keep straight without tool tips
• The “find in selection” icon doesn’t convey selection
• Replacement options are hidden behind a generic disclosure triangle
• “Match whole word” doesn’t convey much; there are 3 lines and I don’t know what any of them represents
• “Replace” vs “Replace all” is reasonably intuitive but I’m not sure why “replace all” is differentiated with multiple characters being replaced rather than just multiple occurrences.

Aside from its icon, I’m not sure why “find in selection” is over to the right by the controls for navigating between occurrences, rather than an option that controls search behavior like “ignore case”.

I also noticed that some button tooltips are in Title Case and others are in Sentence case, not sure if there is a reason for that.

VS Code version: Code 1.42.1 (c47d83b293181d9be64f27ff093689e8e7aed054, 2020-02-11T14:44:27.652Z) OS version: Darwin x64 19.3.0

[tmoschou]

The icons are too small/pixelated, even when I have increased the window.zoomLevel. This is how it renders on my monitor at default settings.

[rgov]

Match Whole Word is definitely better. Case of the tooltips has been fixed. Much of the other feedback remains.

I think “Replace All” should look like this, which is close to as it is now, but point is to have multiple replacements, not multiple characters in the replaced and replacement strings.