fix(studio): statusBar styling

botpress · Mar 19, 2019 · 4e5718d · 4e5718d
1 parent 3c03162
commit 4e5718d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/bp/ui-studio/src/web/components/Layout/StatusBar.jsx b/src/bp/ui-studio/src/web/components/Layout/StatusBar.jsx
@@ -101,14 +101,14 @@ class StatusBar extends React.Component {
       duration: 300,
       color: 'var(--c-brand)',
       trailColor: 'var(--c-background--dark-1)',
-      trailWidth: 24,
+      trailWidth: 30,
       svgStyle: {
         display: 'inline',
         position: 'absolute',
         left: 0,
         top: 0,
         width: '100%',
-        height: '24px',
+        height: '30px',
         'z-index': 10
       }
     })

diff --git a/src/bp/ui-studio/src/web/components/Layout/StatusBar.styl b/src/bp/ui-studio/src/web/components/Layout/StatusBar.styl
@@ -4,12 +4,13 @@
 
   z-index: 1000;
 
+  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
   position: absolute;
   bottom: 0;
   right: 0;
-  height: 24px;
+  height: 30px;
   width: 100%;
-  font-size: 12px;
+  font-size: 14px;
   padding: 0 10px;
 
   display: flex;
@@ -26,7 +27,7 @@
       padding: 0 5px;
       white-space: pre;
       display: inline-block;
-      line-height: 24px;
+      line-height: 30px;
       height: 100%;
       vertical-align: top;