Flexbox text overflow with ellipsis

I am trying to figure out how to use CSS3 flex

so that my first column stops wrapping and truncates the text when it reaches the height of the second column. So, ideally, all text in column two is always displayed, and the column takes up all the space available to it, instead of being wrapped in the first row, but column 1 should never be allowed to set the height of an entire flex

div.

Codepen example: http://codepen.io/anon/pen/EjyJZK