dim service icons when not public. remove 'make public' label, now checkbox title.

app/views/shared/_publisher.haml

@@ -6,7 +6,8 @@
 - content_for :head do
   :javascript
     $(document).ready(function(){
-      $("div.public_toggle input").live("click", function(evt){
+      $("div.public_toggle input").bind("click", function(evt){
+        $("#publisher_service_icons").toggleClass("dim");
         if($(this).attr('checked') == true){
           $(".question_mark").click();
         };
@@ -64,12 +65,13 @@
         - if aspect == :all
           .public_toggle
             %p.checkbox_select
-              = status.check_box( :public, {}, true, false )
-              = status.label :public, t('.make_public')
-              = link_to (image_tag "social_media_logos/feed-16x16.png", :title => "RSS"), current_user.public_url
-              - if current_user.services
-                - for service in current_user.services
-                  = image_tag "social_media_logos/#{service.provider}-16x16.png", :title => service.provider
+              = status.check_box( :public, {:title => t('.make_public')}, true, false)
+
+              %span#publisher_service_icons.dim
+                = link_to (image_tag "social_media_logos/feed-16x16.png", :title => "RSS"), current_user.public_url
+                - if current_user.services
+                  - for service in current_user.services
+                    = image_tag "social_media_logos/#{service.provider}-16x16.png", :title => service.provider
 
             = link_to '(?)', "#question_mark_pane", :class => 'question_mark', :style=>"display:none;"
 

public/stylesheets/sass/application.sass

@@ -714,9 +714,9 @@ textarea
   :border 1px solid #ccc
   :height auto
 
-  :-webkit-border-radius 4px
-  :-moz-border-radius 4px
-  :border-radius 4px
+  :-webkit-border-radius 3px
+  :-moz-border-radius 3px
+  :border-radius 3px
 
 input[type='checkbox']
   :width auto
@@ -740,8 +740,7 @@ form p.checkbox_select
     :top 3px
   img
     :position relative
-    :left 80px
-    :top 5px
+    :top 6px
 
 label
   :font
@@ -853,9 +852,9 @@ label
     :width 103px
     :margin 0
 
-    :-webkit-border-radius 5px
-    :-moz-border-radius 5px
-    :border-radius 5px
+    :-webkit-border-radius 3px
+    :-moz-border-radius 3px
+    :border-radius 3px
 
     :border 2px solid #ccc
     :background
@@ -904,6 +903,10 @@ label
     :width 82%
     :display inline
 
+.dim
+  :opacity 0.3
+
+
 #thumbnails
   a
     :display inline-block