Improve UI of project sidebar

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

3 files changed, 14 insertions, 9 deletions

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index ee8c746d2df..12489ccc2d7 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -210,8 +210,13 @@ ul.nav.nav-projects-tabs {
   }
 
   .panel {
+    @include border-radius(3px);
+
     .panel-heading, .panel-footer {
-      background-color: #fcfcfc;
+      font-weight: normal;
+      background-color: transparent;
+      color: #666;
+      border-color: #EEE;
     }
 
     .actions {
@@ -225,7 +230,7 @@ ul.nav.nav-projects-tabs {
     }
 
     .nav {
-      margin-bottom: 10px;
+      margin-bottom: 15px;
     }
   }
 
diff --git a/app/views/layouts/_head_panel.html.haml b/app/views/layouts/_head_panel.html.haml
index 979755db652..ddf1ffc7616 100644
--- a/app/views/layouts/_head_panel.html.haml
+++ b/app/views/layouts/_head_panel.html.haml
@@ -20,23 +20,23 @@
             = icon('search')
         %li
           = link_to help_path, title: 'Help', data: {toggle: 'tooltip', placement: 'bottom'} do
-            = icon('question-circle')
+            = icon('question-circle fw')
         %li
           = link_to explore_root_path, title: 'Explore', data: {toggle: 'tooltip', placement: 'bottom'} do
-            = icon('globe')
+            = icon('globe fw')
         %li
           = link_to user_snippets_path(current_user), title: 'Your snippets', data: {toggle: 'tooltip', placement: 'bottom'} do
-            = icon('clipboard')
+            = icon('clipboard fw')
         - if current_user.is_admin?
           %li
             = link_to admin_root_path, title: 'Admin area', data: {toggle: 'tooltip', placement: 'bottom'} do
-              = icon('wrench')
+              = icon('wrench fw')
         - if current_user.can_create_project?
           %li
             = link_to new_project_path, title: 'New project', data: {toggle: 'tooltip', placement: 'bottom'} do
-              = icon('plus')
+              = icon('plus fw')
         %li
           = link_to profile_path, title: 'Profile settings', data: {toggle: 'tooltip', placement: 'bottom'} do
-            = icon('cog')
+            = icon('cog fw')
 
 = render 'shared/outdated_browser'
diff --git a/app/views/projects/_aside.html.haml b/app/views/projects/_aside.html.haml
index 9c2ff8f8402..c9c17110d2b 100644
--- a/app/views/projects/_aside.html.haml
+++ b/app/views/projects/_aside.html.haml
@@ -56,7 +56,7 @@
   - unless @project.empty_repo?
     .panel.panel-default
       .panel-heading
-        = icon("archive fw")
+        = icon("folder-o fw")
         Repository
       .panel-body
         %ul.nav.nav-pills