suggest not showing this panel at all unless a beer has been chosen, rather than just (re-)labelling to "choose a beer"
This is only really a problem on mobile where you scroll to an empty panel in the flow. side-by-side at desktop isn't so much of a big deal. perhaps class binding of hide-xs (or whatever bootstrap uses, at whatever breaks you've set) if empty would work better
Agreed. I'm super keen to find a much better UI for this whole thing. You've given me much to think about. Hoping that a UI person from the forum chances across this and can chuck some mockups at me.
suggest not showing this panel at all unless a beer has been chosen, rather than just (re-)labelling to "choose a beer"
This is only really a problem on mobile where you scroll to an empty panel in the flow. side-by-side at desktop isn't so much of a big deal. perhaps class binding of hide-xs (or whatever bootstrap uses, at whatever breaks you've set) if empty would work better