VSCode button styles are inconsistent in some places

[kumarharsh]

• VSCode Version: 1.21.1
• OS Version: Win10Pro

A. The feedback button has a 4px wide border, and the space around button's icon is not balanced at all. The font size of the button is 12.1px (🤔)

B. Whereas the "Report an Issue" window has wildly different styles for the button:

1. Padding is much lesser than Tweet button.
2. Font size is 16px.
3. Space is balanced, but no icon is there.
4. Border radius is 0.25rem (which evaluates to 4px, but why in rem here, or vice-versa?)
   

Plus, the inputs in the issue reporter form (at least) is very different from the rest of the vscode UI - round borders and bigger font-sizes all around.

[bpasero]

For the feedback twitter button I would accept a PR that leverages our Button widget to have a consistent look.

/cc @RMacfarlane for the issue reporter, are you using our Button widget there?

[kumarharsh]

ok. on it.

[kumarharsh]

It seems like the <Button> element doesn't have a way to access the Builder object. From what I've seen in the code, the Builder is a much more powerful and easy-to-use wrapper over the HTMLElement. It might be quite useful in this case to expose the underlying Builder object from the Button (Button.$el). Just a thought...

I've made the PR.

[RMacfarlane]

@bpasero no, the issue reporter isn't using the Button widget either

[bpasero]

@RMacfarlane moving the remainder to you then. the feedback issue is fixed thanks to #46503