Buttons Overlap with Fieldset Header

[Nicholas-Westby]

Notice the headers are overlapped by the buttons on the right. Perhaps you could add a margin so the header wraps before it hits the buttons. Or maybe you could float the button container right so the text wraps around the buttons.

[kgiszewski]

Hmm, pondering if we should just limit the number of characters. Wrapped text might look weird if the fieldsets are different heights.

[Nicholas-Westby]

Not a fan of limiting the number of characters, as you can't be sure how wide the viewport will be.

The very simple solution would be to use CSS to disallow wrapping of white space, then set some transparency/gradient styles so the headers gracefully fade out before they hit the buttons (and you may need an overflow of none to prevent the fieldset header box from growing).

[kgiszewski]

Spoken like a man who's gonna send me a PR ;)

[Nicholas-Westby]

If you're acceptin', I'm requestin' :-)

[Nicholas-Westby]

After tinkering with it in the Chrome inspector for a bit, this is what I have so far:

Won't work in IE as far as I know (don't think it supports CSS mask), but I'm willing to live with that if you are. Will work on a pull request later, but wanted to see if I could get it working first.

[kgiszewski]

PR merged.