fix context view styling

src/app/editor/contextView.js

@@ -41,7 +41,7 @@ class ContextView {
   }
 
   render () {
-    const view = yo`<div class="${css.contextview} ${css.contextviewcontainer} bg-secondary border-top-0">
+    const view = yo`<div class="${css.contextview} ${css.contextviewcontainer} badge badge-info font-weight-bold border-top-0">
       <div class=${css.container}>
         ${this._renderTarget()}
       </div>

src/app/editor/styles/contextView-styles.js

@@ -2,7 +2,7 @@ var csjs = require('csjs-inject')
 
 var css = csjs`
   .contextview            {
-      opacity           : 0.6;
+      opacity           : 0.5;
     }
   .container              {
     padding             : 1px 15px;
@@ -47,7 +47,7 @@ var css = csjs`
     position          : absolute;
     top               : 35px;
     z-index           : 50;
-    left              : 350px;
+    left              : 50%;
     border-radius     : 1px;
     border            : 2px solid var(--secondary);
   }