Place notifications in individual cards

app/views/notifications/index.haml

@@ -1,16 +1,16 @@
-.card
-  %ul.list-group#notifications
-    - if @notifications.count.zero?
-      %li.list-group-item.text-center
-        .notifications--none
-          %i.fa.fa-bell-o.notification__bell-icon
-        %p
-          - if params[:type] == 'all'
-            = t(".none_filtered")
-          - else
-            = t(".none")
-    - else
-      - @notifications.each do |notification|
+%ul.list-group#notifications
+  - if @notifications.count.zero?
+    %li.list-group-item.text-center
+      .notifications--none
+        %i.fa.fa-bell-o.notification__bell-icon
+      %p
+        - if params[:type] == 'all'
+          = t(".none_filtered")
+        - else
+          = t(".none")
+  - else
+    - @notifications.each do |notification|
+      .card
         %li.list-group-item
           .media
             = render "notifications/type/#{notification.target.class.name.downcase.split('::').last}", notification: notification