notifications: remove on click

This allows one to get rid of them faster in case access to the
underlying content is needed

public/css/icinga/footer-elements.less

@@ -26,6 +26,10 @@ div#footer {
   background-position: 1em center;
 }
 
+#notifications > li:hover {
+  cursor: pointer;
+}
+
 #notifications > li.info {
   background-color: @colorFormNotificationInfo;
 }

public/js/icinga/events.js

@@ -105,6 +105,9 @@
             // We catch scroll events in our containers
             $('.container').on('scroll', { self: this }, this.icinga.events.onContainerScroll);
 
+            // Remove notifications on click
+            $(document).on('click', '#notifications li', function () { $(this).remove(); });
+
             // We want to catch each link click
             $(document).on('click', 'a', { self: this }, this.linkClicked);
             $(document).on('click', 'tr[href]', { self: this }, this.linkClicked);