Improve Notifications page. Much easier to find muted projects now

app/helpers/notifications_helper.rb

 module NotificationsHelper
+  def notification_icon(notification)
+    if notification.disabled?
+      content_tag :i, nil, class: 'icon-circle cred'
+    elsif notification.participating?
+      content_tag :i, nil, class: 'icon-circle cblue'
+    elsif notification.watch?
+      content_tag :i, nil, class: 'icon-circle cgreen'
+    else
+      content_tag :i, nil, class: 'icon-circle-blank cblue'
+    end
+  end
 end

app/views/dashboard/projects.html.haml

+%h3.page-title My Projects
 .row
   .span3
     %ul.nav.nav-pills.nav-stacked

app/views/profiles/notifications/_settings.html.haml

@@ -2,6 +2,8 @@
   .row
     .span4
       %span
+        = notification_icon(notification)
+
         - if membership.kind_of? UsersGroup
           = link_to membership.group.name, membership.group
         - else

app/views/profiles/notifications/show.html.haml

-%h3.page-title Setup your notification level
+%h3.page-title
+  Notifications settings
 
-%p.light
+.alert.alert-info
+  %p
+    %i.icon-circle.cred
     %strong Disabled
     – You will not get any notifications via email
-%p.light
+  %p
+    %i.icon-circle.cblue
     %strong Participating
     – You will receive only notifications from related resources(ex. from assigned issue or your commit)
-%p.light
+  %p
+    %i.icon-circle.cgreen
     %strong Watch
     – You will receive all notifications from projects in which you participate
-%hr
 
 .row
   .span4
-    %h5 Global setting
+    %h4
+      = notification_icon(@notification)
+      Global setting
   .span7
     = form_tag profile_notifications_path, method: :put, remote: true, class: 'update-notifications' do
       = hidden_field_tag :notification_type, 'global'
@@ -30,20 +36,21 @@
         = radio_button_tag :notification_level, Notification::N_WATCH, @notification.watch?, class: 'trigger-submit'
         %span Watch
 
-%hr
+%br
 = link_to '#', class: 'js-toggle-visibility-link' do
-  %h6.btn.btn-tiny
+  %span.btn.btn-tiny
     %i.icon-chevron-down
     %span Advanced notifications settings
 .js-toggle-visibility-container.hide
-  %h5 Groups:
-  %ul.well-list
+  %hr
+  %h4 Groups:
+  %ul.bordered-list
     - @users_groups.each do |users_group|
       - notification = Notification.new(users_group)
       = render 'settings', type: 'group', membership: users_group, notification: notification
 
-  %h5 Projects:
-  %ul.well-list
+  %h4 Projects:
+  %ul.bordered-list
     - @users_projects.each do |users_project|
       - notification = Notification.new(users_project)
       = render 'settings', type: 'project', membership: users_project, notification: notification