added bootstrap alert to tooltip

src/app/ui/styles/tooltip-styles.js

@@ -7,13 +7,12 @@ var css = csjs`
     justify-content: space-between;
     align-items: center;
     position: fixed;
-    color: var(--primary)
     min-height: 50px;
     padding: 16px 24px 12px;
     border-radius: 3px;
     bottom: -300;
     left: 40%;
-    font-size: 12px;
+    font-size: 14px;
     text-align: center;
     bottom: 0;
   }

src/app/ui/tooltip.js

@@ -26,7 +26,7 @@ class Toaster {
 
     return new Promise((resolve, reject) => {
       this.tooltip = yo`
-    <div class="${css.tooltip} bg-secondary" onmouseenter=${() => { over() }} onmouseleave=${() => { out() }}>
+    <div class="${css.tooltip} alert alert-info" onmouseenter=${() => { over() }} onmouseleave=${() => { out() }}>
       <span>${tooltipText}</span>
       ${action}
     </div>`