Make main text of list items ellipsize, instead of overlapping right text

Overlapping text is ugly. The other option is wrapping text, which also doesn't seem ideal.

Here's a screenshot demonstrating the current effect.

![device-2014-03-04-174420](https://f.cloud.github.com/assets/227091/2323500/6dc5e6ae-a3bd-11e3-9b00-833a0b0547fd.png)