Change alert to be floating notifications popup on the top right of the screen. (Nota: i disabled the last error staying open until manually closed by personal taste that it is nicer like that)

css/style.css

@@ -21,18 +21,17 @@ input[type=checkbox], input[type=radio] {
 
 .alerts {
   position: fixed;
-  left: 1em;
-  right: 1em;
-  bottom: 1em;
+  _position: absolute;
+  right: 6px;
   z-index: 900;
-  margin: 0;
-  padding: 0;
-  background: white;
-  background: rgba(255,255,255,0.7);
+  width: 40%;
 }
+
 .alert {
-  margin: 1em;
-  border-width: 0.5ex;
+  float: right;
+  clear: right;
+  margin-bottom: 5px;
+  margin-top: 5px;
 }
 
 /* fix modal overflow on low resolutions */

index.html

@@ -219,8 +219,8 @@
   <!-- {{{ alerts -->
   <div ng-controller="AlertCtrl" class="row-fluid alerts">
     <div class="alert alert-{{alert.type}}" ng-repeat="alert in pendingAlerts">
-      <span ng-bind-html="alert.msg"></span>
       <button type="button" class="close" ng-click="removeAlert($index)">x</button>
+      <span ng-bind-html="alert.msg"></span>
     </div>
   </div>
   <!-- }}} -->

js/ctrls/alert.js

@@ -23,10 +23,10 @@ angular.module('webui.ctrls.alert', [
         scope.pendingAlerts[ind].expired = true;
 
         // only remove if more notifications are pending in the pipeline
-        if (scope.pendingAlerts.length > 1)
+        if (scope.pendingAlerts.length > 0)
           scope.removeAlert(ind);
       }
-    }, type == "error" ? 10000 : 3000);
+    }, type == "error" ? 15000 : 5000);
 
     scope.$digest();
   });