I used the opportunity to refactor the task log form on the occurrence page to
use simple form. And got rid of one of our remaining slim templates.
But I also want to talk about the css I had to do to get the weight and temp
looking nice on the same line.
By default, inputs have a default width that they won't drop below. You have to
explicitly set the width on the input elements (or set min-width: 0) so that
they resize to their parents. I chose width: 100% because their parent element
.field was the correct size. I also had to set box-sizing so that their
padding wouldn't get added to the overall width.
I used the opportunity to refactor the task log form on the occurrence page to
use simple form. And got rid of one of our remaining slim templates.
But I also want to talk about the css I had to do to get the weight and temp
looking nice on the same line.
By default, inputs have a default width that they won't drop below. You have to
explicitly set the width on the input elements (or set `min-width: 0`) so that
they resize to their parents. I chose `width: 100%` because their parent element
`.field` was the correct size. I also had to set `box-sizing` so that their
padding wouldn't get added to the overall width.