Merge pull request #1721 from hypothesis/style-show-differences-checkbox

Reposition and style show differences checkbox

h/static/styles/annotations.scss

@@ -59,6 +59,11 @@
   font-size: .923em;
 }
 
+.show-differences {
+  border-left: 3px solid #D3D3D3;
+  padding: 0.3em 0.615em;
+}
+
 
 //PRIVACY CONTROL////////////////////////////
 privacy {

h/templates/client/annotation.html

@@ -52,13 +52,13 @@
   <blockquote class="annotation-quote"
               ng-bind-html="target.diffHTML"
               ng-show="target.diffHTML && vm.showDiff"></blockquote>
+  <div class="small show-differences"
+       ng-show="vm.hasDiff">
+    <input type="checkbox"
+           ng-model="vm.showDiff"
+           ng-click="$event.stopPropagation()"> Show differences</input>
+  </div>
 </section>
-<div class="small pull-right"
-     ng-show="vm.hasDiff">
-  <input type="checkbox"
-         ng-model="vm.showDiff"
-         ng-click="$event.stopPropagation()"> Show differences</input>
-</div>
 
 <!-- / Excerpts -- >