tighten slide-out style

fixes #61

hypothesis/sass/app.scss

@@ -117,7 +117,7 @@ $iconset: iconset_wireframe;
 .annotator-heatmap {
   @include tinyshadow(-1px, 0, 0.2);
   background: hsla(0, 0, 90%, 0.4);
-  position: fixed;
+  position: absolute;
   top: 0;
   margin-left: -$heatmap-width;
   width: $heatmap-width;
@@ -135,7 +135,7 @@ $iconset: iconset_wireframe;
 
 // Styles for the sidebar
 .hyp-sidebar {
-  @include single-transition('margin-left,width', 0.6s, ease-in-out);
+  @include single-transition('margin-left', 0.6s, ease-in-out);
   background: url('../images/noise_1.png');
   background-attachment: fixed;
   color: #666666;
@@ -143,7 +143,7 @@ $iconset: iconset_wireframe;
   font-size: $font-size / $em * .8;
   height: 100%;
   line-height: $line-height / $em * .8;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 100%;
   z-index: 500;
@@ -164,22 +164,12 @@ $iconset: iconset_wireframe;
   }
 
   .annotator-outer {
-    @include single-transition(margin-left, 0.6s, ease-in-out);
-    height: 100%;
-    position: fixed;
-    top: 0;
-    overflow-y: auto;
-    padding-left: $heatmap-width;
+    padding: 0 1em;
   }
 }
 
 .hyp-sidebar.hyp-collapsed {
-  margin-left: -$heatmap-width;
-  width: 0;
-
-  .annotator-outer {
-    margin-left: 100%;
-  }
+  margin-left: 0;
 }
 
 //LOGO

hypothesis/sass/site.scss

@@ -216,7 +216,7 @@ span.error {
     }
   }
   .toolbar #content { padding-top: 2em; }
-  .toolbar .annotator-outer { margin-top: ($font-size + 2) / $font-size * 3em; }
+  .toolbar .hyp-sidebar { padding-top: ($font-size + 2) / $font-size * 3em; }
 }
 
 /*