working thread collapse -- fixes #19

hypothesis/js/src/hypothesis.coffee

@@ -282,6 +282,11 @@ class Hypothesis extends Annotator
             event.stopPropagation()
 
             switch d3.event.target.getAttribute('href')
+              when '#collapse'
+                d3.event.preventDefault()
+                parent = d3.select(event.currentTarget)
+                parent.classed('hyp-collapsed', !parent.classed('hyp-collapsed'))
+
               when '#reply'
                 d3.event.preventDefault()
                 parent = d3.select(event.currentTarget).datum()

hypothesis/sass/app.scss

@@ -261,14 +261,9 @@ $threadexp-width: 1em;
   background-image: url("../images/minus_1.png");
   background-size: 100% 100%;
   background-position: center;
-  &.hyp-closed {
-    background-image: url("../images/plus_1.png");
-    background-size: 100% 100%;
-    background-position: center; }
-  &.hyp-dot {
-    background-image: url("../images/dot_2.png");
-    background-size: 100% 100%;
-    background-position: center; } }
+
+  .hyp-collapsed & { background-image: url("../images/plus_1.png"); }
+}
 
 //CONTROLS
 .annotator-controls {
@@ -536,8 +531,7 @@ $threadexp-width: 1em;
       text-overflow: ellipsis;
       -o-text-overflow: ellipsis;
       white-space: nowrap;
-      position: relative;
-      bottom: -0.3em; }
+    }
     .hyp-body {
       @include pie-clearfix;
       margin-top: 0.5em;
@@ -551,7 +545,16 @@ $threadexp-width: 1em;
       position: absolute;
       left: -$score-width / 2; }
     .hyp-tag {
-      padding: 0.1em 0.3em; } } }
+      padding: 0.1em 0.3em;
+    }
+    .hyp-time { display: none; }
+    .hyp-detail { display: none; }
+    .hyp-body, .hyp-meta {
+      float: left;
+      margin: 0;
+    }
+  }
+}
 
 // Remove the expander from the top level annotation
 .hyp-widget > .hyp-reply {