Rules for formtastic forms inside of modal windows added

[dermarkus]

I think this might be useful.

[antage]

I like the idea but I dislike some implementation details.

formtastic-responsive() is hardcoded for .modal. What if I want to use modal window 1024px width and a full-width form inside?

I propose let a programmer to choose between a narrow form and a full-width form. You could add a new class .formtastic-verical (as I proposed in #4) that explicitly changes form appearance.

I think the following styles are too strict. I (or someone) may use non-default size modal window and I want control input fields size.

// the height of textareas should be limited
textarea {
  height: 200px !important;
}

fieldset.inputs ol > li.input .input-xxlarge {
  width: 100% !important;
}

I propose to add a new class .input-fullwidth (width: 100%). Textarea height can be changed manually by custom css rules. No reason it should be hardcoded to 200px.