Как оптимизировать верстку рядом стоящих форм?

Question

[dk-web]

Подкину на ночь глядя немного ужаса в ваши глаза..

еле-еле написал скрипты для реализации загрузки фото в анкету (с превью, без перезагрузки)... все работает - но с оформлением как всегда беда.
Захотелось мне, понимаешь, обтекания одной формы другой.
Пример примитивный - набросал на скорую руку... в реальном дизайне все конечно не так плохо - выделил основные блоки.
Проблемных мест (вы скажете много), но принципиальных два:

1) это сделать активным поле для выбора файла только в границах красного круга...
2) можно ли сделать инпуты резиновыми? условно говоря 100% ширины контейнера, но первые инпуты по умолчанию обтекали правый блок?..

буду признателен за любые подсказы.
jsfiddle.net/dkweb/mtsy33k1/1

п.с. на просторах такой реализации с фото не встретил..

Answer 1

[Алексей Зуев]

Подсказа

Comments

[dk-web]

Алексей. спасибо! разберу сегодня

[dk-web]

Алексей Зуев Спасибо за решение. Действительно отлично работает - но в ночи разгребал кода и понял, что слишком уж нагородил... этот круг ни разу не адаптивный получился... и слишком много вложенных блоков - все упростил донельзя, но как ограничить зону для клика так и не понял((( jsfiddle.net/dkweb/mtsy33k1/5 - буду признателен, если глянете..

[Алексей Зуев]

dk-web: jsfiddle.net/mtsy33k1/6

[dk-web]

Алексей Зуев: аплодирую стоя! круто - очень круто.. а я конечно протупил с лейблом. спасибище!