When creating a new outfit, and try to save without adding clothing, it breaks. Maybe there should be some kind of validation here?

So I've created an outfit by clicking the New Outfit tab, and choosing my shirt, pants, and shoes of choice, in that specific order. I click Create Outfit on the form, and as I move to the All Outfits tab, I notice that instead of the logical shirt/pants/shoes from head to toe, I see that the shoes are up top, the shirt's in the middle, and the pants are on the bottom:

How can we restructure the code such that my custom outfits are always in the same shirt/pants/shoes order as the of the sample outfits?

In the 'add new item form', can the category be a drop down input instead of a text field.
When we typed in 'shirts' we didn't know that it had to be 'shirt' for it to show up in the all items view.