Responsive design baby!

Mobile responsive design with a very native feel, all in pure CSS (no
templating differences between versions — even though some things are
in very different positions.)

I’ve been working on this whole thing in my head for a while now,
planning out how certain components will be laid out on the mobile
version, and how to reason about them in the templates so that a
substantially different layout can still be achieved by only using CSS.
Today I finally wrote the CSS and it’s come together pretty damn
perfectly.

Still to come:
- Swiping left or right on discussions to reveal controls
- Tablet version

ember/app/views/discussion.js

@@ -51,11 +51,13 @@ export default Ember.View.extend(HasItemLists, {
     items.pushObjectWithTag(DropdownSplit.extend({
       items: this.populateItemList('controls'),
       icon: 'reply',
-      buttonClass: 'btn-primary'
+      buttonClass: 'btn-primary',
+      listItemClass: 'primary-control',
     }), 'controls');
 
     items.pushObjectWithTag(StreamScrubber.extend({
-      streamContent: this.get('streamContent')
+      streamContent: this.get('streamContent'),
+      listItemClass: 'title-control'
     }), 'scrubber');
   },