Bootstrap padding/margin is incorrect

[43081j]

I am unsure how to fix this as some widths seem to be calculated dynamically.

Basically, as you can see (here), the padding is completely off and doesn't match a regular form control at all. I have no idea how this wasn't already raised, given how different it looks.

For some reason, you set the padding to 3px 3px 0px 3px so it is far too small and the input/placeholder is too close to the left. Setting this back to the default 6px 12px doesn't work either, presumably because of the dynamic width calculations going on here.

Expected: the two inputs to look identical in size, spacing, etc.
Actual: the padding is completely wrong, the height is also way off.
Example: http://plnkr.co/edit/D3o18AJu6YvXAUbCBEL3?p=preview

[cdjackson]

I wonder if this would be fixed by #879 which changes the control from a button to a form control? Also #878 changes the padding in bootstrap to allow for different themes - it might also impact here?