No squishy parts

When scaling down to smaller screens, parts of the screen would get `squishy`.  The buttons and the text info at the bottom.  Those parts now take up a bit more screen real estate.  Note, the buttons didn't look too bad before, but on tiny screens, it would look really bad.

Before:
![image](https://cloud.githubusercontent.com/assets/5521429/3377448/5c7c00b6-fbdf-11e3-99d3-29715c3d8c7c.png)

After:
![image](https://cloud.githubusercontent.com/assets/5521429/3377452/65f615dc-fbdf-11e3-8782-3298e3fc4a9a.png)
I believe this is an incorrect usage of col-xs-12.  By giving it col-sm-6 it should auto adjust w/o the xs.

See the table here: http://getbootstrap.com/css/#grid-options for examples.