I am dealing with an issue with aligning an input field and a submit button horizontally. Out of the box it works fine but I don't like the height being too narrow. So I tweaked the two input tags to have more padding but that's where the issue begins. Here's a link to the problem: link
Scroll down to the bottom and you will see two examples. The first example (A) looks fine on all devices and browsers but the second one does not. The height for each input field of example (B) differs in height. The input entry field is smaller in height than the 'Go' button for desktop using Firefox. However, it's the opposite when viewed on android devices.
Is there a trick to get it to align correctly both having the exact same height? I have also Googled this to find this kind of example but I have yet to find any.
Thank you for your time.