From d576016e9c47146974323ae67150c0c43b7746c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 26 Mar 2015 12:53:03 +0100
Subject: [PATCH] Contacts filters

---
 .../modules/profile/profile-contacts.jade      |  5 +++++
 .../modules/profile/profile-content-tabs.jade  |  4 ++--
 .../modules/profile/profile-contacts.scss      | 18 ++++++++++++++++++
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/app/partials/includes/modules/profile/profile-contacts.jade b/app/partials/includes/modules/profile/profile-contacts.jade
index 3939e29c..111fc8f3 100644
--- a/app/partials/includes/modules/profile/profile-contacts.jade
+++ b/app/partials/includes/modules/profile/profile-contacts.jade
@@ -1,4 +1,9 @@
 section.profile-contacts
+    nav.profile-contacts-filters
+        a.active(href="", title="No Filter") all
+        a(href="", title="Only show your team") team
+        a(href="", title="Only show people you follow") following
+        a(href="", title="Only show people follow you") followers
     - for (var x = 0; x < 3; x++)
         div.profile-contact-single
             picture
diff --git a/app/partials/includes/modules/profile/profile-content-tabs.jade b/app/partials/includes/modules/profile/profile-content-tabs.jade
index c5c956d5..968440f0 100644
--- a/app/partials/includes/modules/profile/profile-content-tabs.jade
+++ b/app/partials/includes/modules/profile/profile-content-tabs.jade
@@ -1,11 +1,11 @@
 nav.profile-content-tabs
-    a.tab.active(href="", title="Activity Tab")
+    a.tab(href="", title="Activity Tab")
         span.icon.icon-timeline
         span activity
     a.tab(href="", title="Projects Tab")
         span.icon.icon-project
         span projects
-    a.tab(href="", title="Contacts Tab")
+    a.tab.active(href="", title="Contacts Tab")
         span.icon.icon-team
         span contacts
     a.tab(href="", title="Favorites Tab")
diff --git a/app/styles/modules/profile/profile-contacts.scss b/app/styles/modules/profile/profile-contacts.scss
index 4f4d66de..2638f6fc 100644
--- a/app/styles/modules/profile/profile-contacts.scss
+++ b/app/styles/modules/profile/profile-contacts.scss
@@ -1,5 +1,23 @@
 .profile-contacts {
     border-top: 1px solid $whitish;
+    display: flex;
+    flex-direction: column;
+    .profile-contacts-filters {
+        align-self: center;
+        display: flex;
+        a {
+            border-bottom: 2px solid $white;
+            color: $gray-light;
+            display: inline-block;
+            padding: 1rem 1.5rem;
+            transition: all .2s linear;
+            &:hover,
+            &.active {
+                border-bottom: 2px solid $gray-light;
+                color: $green-taiga;
+            }
+        }
+    }
 }
 
 .profile-contact-single {