Merge pull request #1981 from ethereum/master_l

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

@@ -29,7 +29,7 @@ class Toaster {
       const shortTooltipText = tooltipText.length > 201 ? tooltipText.substring(0, 200) + '...' : tooltipText
 
       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>${shortTooltipText}<button class="btn btn-secondary btn-sm" onclick=${() => { modal.alert(tooltipText) }}>show full message</button></span>
       ${action}
     </div>`