Fix profile visibility icon

app/assets/javascripts/app/pages/settings.js

@@ -2,6 +2,7 @@
 app.pages.Settings = Backbone.View.extend({
   initialize: function() {
     $(".settings_visibility").tooltip({placement: "top"});
+    $(".profile-visibility-hint").tooltip({placement: "top"});
     $("[name='profile[public_details]']").bootstrapSwitch();
   }
 });

app/assets/stylesheets/profile.scss

@@ -150,7 +150,6 @@
 }
 
 #update_profile_form {
-  .visibility-hint-icon {
-    cursor: pointer;
-  }
+  .profile-visibility-hint { margin-left: 10px; }
+  .visibility-hint-icon { cursor: default; }
 }

app/views/profiles/_edit_private.haml

@@ -7,8 +7,8 @@
   = t("profiles.edit.extended")
 = t("profiles.edit.extended_visibility_text")
 = check_box_tag "profile[public_details]", true, profile.public_details, {"data-size" => "mini", "data-on-text" => t("profiles.edit.public"), "data-off-text" => t("profiles.edit.limited")}
-%span{ :title => t("profiles.edit.extended_hint") }
-  %i.entypo.circled-help.visibility-hint-icon
+%span.profile-visibility-hint{ title: t("profiles.edit.extended_hint") }
+  %i.entypo-circled-help.visibility-hint-icon
 .small-horizontal-spacer
 
 %h4= t('profiles.edit.your_bio')