Using the Flex Grid I have a row with 2 columns.
Inside the first column I have a basic or normal sized button. Inside the second column I have a normal text input field. Using the “medium-collapse” class on my row I noticed that the button and the input are not exactly the same height. The button is a few pixels higher.
I tried to use the align-stretch class on the row but this is not making my button and input the same height.
I also read about the inline labels and buttons but that is not what I need.
So what is the most efficient way to make this button and input field the same height on all browsers?