Please review and merge #20 before proceeding with this one.
I've changed the form so the layout inside the well follows bootstrap's layout, since Indigo's won't let us place 3 elements per row, or inline dropdowns at all.
Things that need changing:
[ ] Button groups need improving, can be done with Radio buttons, although I couldn't make them look nice. They should also be justified, .btn-group-justified didn't work. Also the colour doesn't match the rest of the screen. And more importantly, they don't stay down after pressed :(
[ ] Ascites maybe should be a checkbox instead of a button group. I'd like to try again with this, which didn't work yesterday.
[ ] The content is wrong because I made the units up.
[ ] The content doesn't stay after choosing the option because it's a dropdown button as opposed to a normal dropdown.
[ ] The style doesn't seem in line with the rest of the form.
[ ] The alignment doesn't match the rest of the row.
[ ] Spacing between rows needs revising, I just added <br/> which is so so so wrong.
[ ] I'm not sure where is best to show the result. Maybe we could just put it on a box to the right of the calculator?
[ ] The element that contains the well (the area between header and footer) needs to be updated to use bootstrap grid for aligning instead of indigo's.
[ ] The JS needs updating to read the gender/ascites choice, as well as the units.
Please review and merge #20 before proceeding with this one.
I've changed the form so the layout inside the well follows bootstrap's layout, since Indigo's won't let us place 3 elements per row, or inline dropdowns at all.
Things that need changing:
.btn-group-justifieddidn't work. Also the colour doesn't match the rest of the screen. And more importantly, they don't stay down after pressed :(<br/>which is so so so wrong.