usage vid update, visual tweaks

index.html

@@ -193,7 +193,7 @@
 
     developer-tooling {
       position: relative;
-      top: 96px
+      top: 92px
     }
 
     a:visited,

lib/devtools.js

@@ -16,8 +16,8 @@ customElements.define('developer-tooling', class extends HTMLElement {
       <div>
         <style>
           :host > div {
-            padding-bottom: 4rem;
             font-size: .9em;
+            margin-left: -4px; /* scrollbar offset compensate */
           }
 
           #add-key-input {

lib/system-status.js

@@ -37,7 +37,7 @@ customElements.define('pear-welcome', class extends HTMLElement {
         <p> Pear provides the <code>pear</code> Command-line Interface as the primary interface for developing, sharing & maintaining unstoppable peer-to-peer applications and systems. </p>
         <p> To get started, open a terminal, type <code>pear</code> and hit return. </p>
       </div>
-      <video width="420" height="390" autoplay muted style="background:#000">
+      <video width="380" height="390" autoplay muted style="background:#000">
         <source src="./assets/usage.mp4" type="video/mp4">
       </video>
     `