Improve UI for explore projects page

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

app/assets/stylesheets/framework/nav.scss

@@ -79,6 +79,10 @@
     > .dropdown {
       margin-right: $gl-padding-top;
       display: inline-block;
+
+      &:last-child {
+        margin-right: 0;
+      }
     }
 
     > .btn {

app/views/explore/projects/_filter.html.haml

-.pull-right.hidden-sm.hidden-xs
-  - if current_user
-    .dropdown.inline.append-right-10
+- if current_user
+  .dropdown
     %a.dropdown-toggle.btn{href: '#', "data-toggle" => "dropdown"}
       %i.fa.fa-globe
       %span.light Visibility:
@@ -19,8 +18,8 @@
             = visibility_level_icon(level)
             = visibility_level_label(level)
 
-  - if @tags.present?
-    .dropdown.inline.append-right-10
+- if @tags.present?
+  .dropdown
     %a.dropdown-toggle.btn{href: '#', "data-toggle" => "dropdown"}
       %i.fa.fa-tags
       %span.light Tags:

app/views/explore/projects/index.html.haml

@@ -9,7 +9,7 @@
 .top-area
   = render 'explore/projects/nav'
 
-.gray-content-block.second-block.clearfix
+  .nav-controls
     = render 'filter'
 
 = render 'projects', projects: @projects