Revamp visual styling Product creation.

I have done a first revision of redesigning the inline adding of variations. I have reduced the amount of visual cues and increased a number of visual landmarks to make it easier to distinguish between different items. Again pushing this out early because of time constraints, this is a big change and I'd like to have time for feedback and possibly iteration on it.

We are trying to solve two big issues here, both will greatly impact the efficiency of store administrators:

Until clicking “save variation” people don’t really know what's going on, and how its creation a variation. - Critical

People tend to get confused, when they have several variations open. They are thrown of by all the visual cues (titles, fieldsets, etc.). - Moderate

Creating a new product

The solution is to visually revamp the screen, by reducing the amount of cues. For example the field sets carried too much weight, and the border around each table row too little weight. For the screen below I'd like to see the following changed:

• Save variation should be blue, for it to stand out more and get people to click it.
• Remove the "No variations have been created. At least one variation is required." text. It is confusing and doesn't help people understand what is going on.
• Remove the "Add new variation" text from initial adding - it creates two titles, very close to each other, making it harder to scan. It could be there when there are other items, and you are creating another
• Remove the heavy background from fieldsets and replace this with a simple <hr> like border. This should create more balance, and draw less attention to the bars and more to the actual fields
• Reduce the height of the Body field (and possibly rename to Description)

Variation Editing

That's all for creating products, the real hard part is solving the issue of being able to quickly scan the page when there are multiple variations opened. People really struggled with this so I propose adding a few more visual landmarks to make this easier.

• Add a bottom bar, this should create a fairly "hard separation" between the rows. This could also be accomplished by adding white space between two rows - but that requires a prototype, because that could potentially be "jumpy".
• Gray border around each row when collapsed.

I have reduced the weight of the table headers, this is something to be fixed in another issue.
EDIT: I noticed I missed the > that is used to show that the thing below relates to the row, feel free to keep that in there.

* We shouldn't change the visual styling of buttons/tables unless described above. It's just faster to reuse my existing D7 Seven PSD than try to recreate each part of the DC admin theme.