stayradiated/Nitro — pull request #115 by mlms13 (2012-07-12 07:46:39+00:00)
Title: Fix layout in Firefox

Since the 1.4 release, things have been looking a little strange in Firefox -- these commits should fix that. I decided not to squash these commits because some of the changes are fairly significant (e.g. changing the `#sidebar` from `position:absolute` to `position:relative`) and they'll be easier to review in small, bite-sized pieces.

A quick summary of the Firefox bugs I'm working around:
- I added some `-moz-` prefixes where they are still needed. In particular, Firefox (include Firefox 15) still needs a prefix for `box-sizing`. These changes should be completely harmless.
- I've added `height` in addition to `line-height` in a couple places, because Firefox seems to ignore `line-height` for empty elements (or at least, empty `button` elements)
- Firefox has some `flexbox` bugs. In particular, it completely doesn't work for absolutely positioned elements, and `display:box` elements are treated as `inline-box` unless a width is set.
- Edit/Delete buttons in the sidebar weren't centered vertically. No amount of `line-height` tweaking fixed this for me, so I set a `height` and `margin-top` instead.

I've tested these changes in Chrome Canary and Firefox 13, and everything works for me.