Informer line-height, warning added

src/plugins/Informer.js

@@ -23,10 +23,14 @@ module.exports = class Informer extends Plugin {
           text: '#fff',
           bg: '#000'
         },
-        error: {
+        warning: {
           text: '#fff',
           bg: '#F6A623'
         },
+        error: {
+          text: '#fff',
+          bg: '#e74c3c'
+        },
         success: {
           text: '#fff',
           bg: '#7ac824'
@@ -82,7 +86,7 @@ module.exports = class Informer extends Plugin {
     const style = `background-color: ${this.opts.typeColors[type].bg}; color: ${this.opts.typeColors[type].text};`
 
     // @TODO add aria-live for screen-readers
-    return html`<div class="UppyInformer" style="${style}" aria-hidden="${isHidden}">
+    return html`<div class="Uppy UppyTheme--default UppyInformer" style="${style}" aria-hidden="${isHidden}">
       <p>${msg}</p>
     </div>`
   }

src/scss/_informer.scss

@@ -37,4 +37,11 @@
 .UppyInformer p {
   margin: 0;
   padding: 0;
+  height: 30px;
+  line-height: 30px;
+
+  .UppyDashboard--wide & {
+    height: 40px;
+    line-height: 40px;
+  }
 }