clearer borders and measurements in pixels

h/css/common.scss

@@ -558,9 +558,10 @@ blockquote {
 //PAPER////////////////////////////////
 //Provides the white background upon which items sit
 .paper {
-  @include border-radius(.2em);
+  @include border-radius(2px);
+  @include smallshadow(0, 2px);
   background: $white;
-  border-bottom: solid .1em $grayLighter;
+  border: solid 1px $grayLighter;
   padding: 1em;
 }
 
@@ -569,11 +570,11 @@ blockquote {
 .topbar {
   @include smallshadow;
   background: $white;
-  border: .1em solid $grayLighter;
-  height: 2.1em;
+  border: solid 1px $grayLighter;
+  height: 2em;
   position: fixed;
-  left: -.1em;
-  right: -.1em;
+  left: -1px;
+  right: -1px;
   top: .5em;
   z-index: 5;
 

h/css/sidebar.scss

@@ -114,7 +114,7 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   svg {
     @include stretch-y;
     background: hsla(0, 0, 0, .1);
-    border-left: solid thin rgba($grayLighter, .4);
+    border-left: solid 1px $grayLighter;
     height: 100%;
     left: 17px;
     width: $heatmap-width;
@@ -218,9 +218,9 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   top: 100%;
   width: 100%;
 
-  left: .3em;
+  left: 4px;
   right: 0;
-  top: .3em;
+  top: 2px;
 
   .close {
     position: absolute;