*WIP* Bug 836622 - Edit contact style updates

This is just a WIP (and still needs a lot of massaging), but I'd really appreciate some guidance from someone who's more css and building blocks acclimated than I am.

The issue I'm having has to do with overflowing text in a select tag. In particular, I want for my select tag to have `text-overflow: ellipsis`. I'd also like to hide the select tag's little arrow (see https://bugzilla.mozilla.org/show_bug.cgi?id=649849) and the way that building blocks is doing this right now is by giving the select tag `width: 130%` and giving the parent element `overflow: hidden`. This is all well and good, but when I try this, my select tags all look like "..." instead of "Some text here...". Help!