[#173] Make error messages more noticeable.

Make "error" font red, add an icon next to it and increase message
time on screen.

Author: jaragunde

web/include/App.js

@@ -145,17 +145,9 @@ Ext.extend(Ext.App, Ext.util.Observable, {
      * @param {Bool} status
      */
     addMessage : function(status, msg) {
-        var delay = 3;    // <-- default delay of msg box is 1 second.
+        var delay = 3;    // <-- default delay
         if (status == false) {
-            delay = 5;    // <-- when status is error, msg box delay is 3 seconds.
-        }
-        // add some smarts to msg's duration (div by 13.3 between 3 & 9 seconds)
-        delay = msg.length / 13.3;
-        if (delay < 3) {
-            delay = 3;
-        }
-        else if (delay > 9) {
-            delay = 9;
+            delay = 9;    // <-- when status is error, msg box delay is increased
         }
 
         this.msgCt.alignTo(document, 't-t');

web/include/phpreport.css

@@ -130,6 +130,21 @@ div#tasks textarea {
     margin-bottom: 10px;
 }
 
+/* ExtJS message box */
+.icon-status-error {
+    color: #cc0f35;
+    padding-left: 20px;
+}
+
+.icon-status-error:before {
+    content: "";
+    position: absolute;
+    height: 16px;
+    width: 16px;
+    left: 14px;
+    background-image: url(icons/cross.png);
+}
+
 .message.error {
     background-color: #feecf0;
     border: 1px solid #cc0f35;