Add fade to project nav; fix bug with controls

app/assets/stylesheets/framework/nav.scss

@@ -274,15 +274,8 @@
 
     .fade-right {
       @include fade(left);
-      right: 58px;
-
-      @media (min-width: $screen-xs-max) {
-        right: 67px;
-      }
-      @media (max-width: $screen-xs-min) {
       right: 0;
     }
-    }
 
     .fade-left {
       @include fade(right);
@@ -310,6 +303,19 @@
       }
     }
   }
+
+  .nav-control {
+    .fade-right {
+      right: 58px;
+
+      @media (min-width: $screen-xs-max) {
+        right: 67px;
+      }
+      @media (max-width: $screen-xs-min) {
+        right: 0;
+      }
+    }
+  }
 }
 
 .page-with-layout-nav {

app/views/layouts/nav/_project.html.haml

@@ -19,7 +19,9 @@
               data: { confirm: leave_project_message(@project) }, method: :delete, title: 'Leave project' do
               Leave Project
 
-%ul.nav-links
+%div{ class: nav_control_class }
+  %ul.nav-links#scrolling-tabs
+    .fade-left
     = nav_link(path: 'projects#show', html_options: {class: 'home'}) do
       = link_to project_path(@project), title: 'Project', class: 'shortcuts-project' do
         = icon('bookmark fw')
@@ -129,3 +131,5 @@
     %li.hidden
       = link_to new_namespace_project_issue_path(@project.namespace, @project), class: 'shortcuts-new-issue' do
         Create a new issue
+
+    .fade-right