Add responsive mode. Add icon. Style notification

1 files changed, 6 insertions, 2 deletions

diff --git a/js/notification.js b/js/notification.js
index 1ea3c28..200d753 100644
--- a/js/notification.js
+++ b/js/notification.js
@@ -84,6 +84,10 @@
             return $('div.notification[data-id='+this.getId()+']');
         },
 
+        getApp: function() {
+            return this.app;
+        },
+
         /**
          * Generates the HTML for the notification
          */
@@ -91,13 +95,13 @@
             var el = $('<div class="notification"></div>');
             el.attr('data-id', this.getId());
             el.attr('data-timestamp', this.getTimestamp());
-            el.append('<div class="notification-subject">'+this.getSubject()+'</div>');
+            el.append('<div class="notification-app">'+this.getApp()+'</div><div class="notification-subject">> '+this.getSubject()+'</div>');
             el.append('<div class="notification-message">'+this.getMessage()+'</div>');
             // Add actions
             var actions = $('<div class="actions"></div>');
             var actionsData = this.getActions();
             $.each(actionsData, function(index) {
-                actions.append('<a class="button" href="'+actionsData[index].link+'">'+actionsData[index].label+'</a>');
+                actions.append('<div class="button"><a href="'+actionsData[index].link+'">'+actionsData[index].label+'</a></div>');
                 // TODO create event handler on click for given action type
             });
             el.append(actions);