Restyle visibility icon

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/sections/projects.scss

@@ -52,15 +52,16 @@
   }
 
   .visibility-level-label {
-    font-size: 13px;
+    font-size: 17px;
     background: #f1f1f1;
-    padding: 8px;
     border-radius: 4px;
-    margin-left: 10px;
     color: #888;
     position: absolute;
-    margin-left: -80px;
+    margin-left: -55px;
     text-shadow: 0 1px 1px #FFF;
+    width: 40px;
+    text-align: center;
+    padding: 6px;
 
     i {
       color: inherit;

app/views/projects/_home_panel.html.haml

 - empty_repo = @project.empty_repo?
 .project-home-panel{:class => ("empty-project" if empty_repo)}
-  .visibility-level-label
+  .visibility-level-label.has_tooltip{'data-title' => "#{visibility_level_label(@project.visibility_level)} project" }
     = visibility_level_icon(@project.visibility_level)
-    = visibility_level_label(@project.visibility_level)
   .row
     .col-sm-6
       %h4.project-home-title