add bottom border to logger toolbar (prevents toolbar blending in to log entries while scrolling)

src/css/logger-ui.css

@@ -12,6 +12,7 @@ body {
 #toolbar {
     background-color: white;
     border: 0;
+    border-bottom: 1px solid #ccc;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     left: 0;
@@ -125,7 +126,6 @@ body.f table tr.f {
 
 body #content td {
     border: 1px solid #ccc;
-    border-top: none;
     min-width: 0.5em;
     padding: 3px;
     vertical-align: top;
@@ -133,9 +133,6 @@ body #content td {
     word-break: break-all;
     word-wrap: break-word;
     }
-#content table tr td {
-    border-top: 1px solid #ccc;
-    }
 #content table tr td:first-of-type {
     border-left: none;
     }

src/js/logger-ui.js

@@ -68,7 +68,7 @@ var dateOptions = {
 
 document.getElementById('content').style.setProperty(
     'margin-top',
-    document.getElementById('toolbar').offsetHeight + 'px'
+    document.getElementById('toolbar').clientHeight + 'px'
 );
 
 /******************************************************************************/