Use an icon rather than color to draw attention to broken plugin

client/app/scripts/components/plugins.js

@@ -5,14 +5,13 @@ export default class Plugins extends React.Component {
   renderPlugin({id, label, description, status}) {
     const error = status !== 'ok';
     const className = classNames({ error });
-    const title = error ?
-      `Status: ${status}. (Plugin description: ${description})` :
-      description;
+    const title = `Status: ${status} | Plugin description: ${description}`;
 
     // Inner span to hold styling so we don't effect the "before:content"
     return (
       <span className="plugins-plugin" key={id}>
         <span className={className} title={title}>
+          {error && <span className="plugins-plugin-icon fa fa-exclamation-circle" />}
           {label || id}
         </span>
       </span>

client/app/styles/main.less

@@ -1007,9 +1007,16 @@ h2 {
     content: ', ';
   }
 
+  &-plugin-icon {
+    top: 1px;
+    position: relative;
+    font-size: 120%;
+    margin-right: 2px;
+  }
+
   .error {
-    animation: blinking 2.0s 30 @base-ease; // blink for 1 minute;
-    color: darkred;
+    animation: blinking 2.0s 60 @base-ease; // blink for 2 minute;
+    color: @text-secondary-color;
   }
 
   &-empty {