Primary Image Alignment + Browse Button Position

The most obvious solution would be to resize these element with percentages (say, maybe the input width: 65% w/ 5% right margin, and make the "Submit" button width: 30% max-width: 75px, or something like that)/

However, there no good way to resize input type=file forms without resorting to JS.

A few possible solutions:
1) We reduce the size attribute of the form to something less than 22 (13 worked sufficiently well in Bartik) and give the file input a margin-right of 10px, which would align it. Pluses: no JS hackery, easy. Minuses: doesn't look that awesome, not responsive, will still be broken on narrow themes/browser windows.

2) We could get rid of the upload button entirely, having the image auto-upload after the user selects it. IMO, this is ideal, as the two-step process is already confusing and ultimately needless. There's a decent starting point discussed here: http://drupal.stackexchange.com/questions/31121/how-can-i-automatically-...

3) We could use a JS library to allow us to style the forms, however this adds some glut to the module.

Here's a patch that removes the submit button and autouploads