collapsible trade/single form

[aslink87]

All current forms collapse on submit, hiding optional inputs. This reduces noise in the UI so the user can better access the results of their form submissions. An arrow icon next to form submit buttons allow user to expand the form if they'd like to change values.

[aslink87]

Been a while! I'm returning to this and looking for some eyes on. I've resolved the conversations above to simplify future discussion, but feel free to look over what we talked about last fall.

At any rate, I've caught this branch up to the current development branch. Then I focused only on adding a collapse feature to one form at the moment so we can focus better. Once we get it set, we can apply the feature to other routes in future PRs.

So let's talk about the trade/single route.

• I've opted for a button labeled Options to toggle expanding extra form elements that aren't required and/or have defaults and may not be used much.
• It no longer reacts to what inputs the user interacts with, it's hard-coded as to what elements are included in the toggle state
• I'll comment on some of the code directly that may need a reminder as we haven't looked at it in quite a while

Here are some photos to paint the big picture:

1920px not expanded

1200px expanded

500px not expanded

[aslink87]

I updated the styles here as well as in the CheckboxGroup, Radio, RadioGroup files to adjust these inputs so that their height was the same as other inputs in our forms. This involved reducing the font size a bit. Here's a pic...

[aslink87]

The input needs to wrap on mobile

[aslink87]

merged after waiting for review, >2 weeks