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/components/discussion/stream-scrubber.js

@@ -8,7 +8,7 @@ var $ = Ember.$;
  */
 export default Ember.Component.extend({
   layoutName: 'components/discussion/stream-scrubber',
-  classNames: ['scrubber', 'stream-scrubber'],
+  classNames: ['stream-scrubber', 'dropdown'],
   classNameBindings: ['disabled'],
 
   // The stream-content component to which this scrubber is linked.