How do I get button to take same vertical height as input fields?

[Fancellu]

e.g. https://codepen.io/fancellu/full/gyrOgp

I’d like the blue button to get taller, to fill the row to the same height as the input fields

Or maybe make it flat and centre it vertically?

Thanks

[Fancellu]

Aha, found out one way

<q-field borderless>
<q-btn label=“RECENT” icon=“refresh” color=“primary”></q-btn>
</q-field>

[mKomo]

I believe there is a stretch prop that allows you to do this

From the docs:
Name: stretch
Type: Boolean
Description: When used on flexbox parent, button will stretch to parent’s height

[luckylooke]

Thank you @Fancellu, you helped me.
Here is quick DEMO https://codepen.io/luckylooke/pen/WNQQLym

[metalsadman]

You can also do it with just QInput and overriding css https://codepen.io/metalsadman/pen/gOpMMxz.