From fb61cc422def6089036db6bc9166162600e7a65f Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Thu, 2 May 2019 18:05:37 +0200
Subject: [PATCH] fix context view styling

---
 src/app/editor/contextView.js               | 2 +-
 src/app/editor/styles/contextView-styles.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/editor/contextView.js b/src/app/editor/contextView.js
index 43e1d7a60d..4ffc91112f 100644
--- a/src/app/editor/contextView.js
+++ b/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>
diff --git a/src/app/editor/styles/contextView-styles.js b/src/app/editor/styles/contextView-styles.js
index 66108e32dd..d8a338400f 100644
--- a/src/app/editor/styles/contextView-styles.js
+++ b/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);
   }