Increase top bar height to 40px

Increase top bar height to 40px to match the designs.
A visual side effect is that the dropdown menus now
overlap the top bar and clearly appear on top of it
rather than just below.

h/static/styles/annotator/inject.scss

@@ -202,6 +202,10 @@ $base-font-size: 14px;
     padding-right: 6px;
     width: 36px;
     margin-bottom: 10px;
+
+    // the height of the sidebar toggle is set
+    // to match the height of the top bar
+    height: 40px;
   }
 }
 

h/static/styles/app.scss

@@ -24,7 +24,7 @@ body {
   font-family: $sans-font-family;
   font-weight: 300;
   padding: $sidebar-h-padding;
-  padding-top: calc(#{$sidebar-h-padding} + 30px);
+  padding-top: $sidebar-h-padding + $top-bar-height;
   -webkit-overflow-scrolling: touch;
 
   @include respond-to(tablets desktops) {

h/static/styles/top-bar.scss

 @import 'base';
 @import 'mixins/responsive';
 
+$top-bar-height: 40px;
+
 .top-bar {
   background: $white;
   border-bottom: solid 1px $gray-lighter;
-  height: 30px;
+  height: $top-bar-height;
   font-size: 15px;
   position: fixed;
   left: 0;