From 108b376b3231f08bed4bebaa386f5e2ca40f0bde Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Fri, 14 Oct 2016 13:46:05 +0200
Subject: [PATCH] Filters style

---
 app/static/src/sass/modules/navs/_nav-tree.scss | 13 +++++++++++++
 app/templates/agenda/event_list.html            |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/static/src/sass/modules/navs/_nav-tree.scss b/app/static/src/sass/modules/navs/_nav-tree.scss
index ee48e106..083a0591 100644
--- a/app/static/src/sass/modules/navs/_nav-tree.scss
+++ b/app/static/src/sass/modules/navs/_nav-tree.scss
@@ -52,6 +52,13 @@ $module: ".nav-tree";
             @include font-size(s);
         }
 
+        &--filter {
+
+            background: #efefef;
+            color: $color-black;
+
+        }
+
         &--sub {
             @include padding-left(2);
             background: lighten($color_main, 20%);
@@ -66,6 +73,12 @@ $module: ".nav-tree";
             }
         }
 
+        i {
+            float: right;
+            position: relative;
+            top: 5px;
+        }
+
     }
 
 }
diff --git a/app/templates/agenda/event_list.html b/app/templates/agenda/event_list.html
index c9117768..663d61a8 100644
--- a/app/templates/agenda/event_list.html
+++ b/app/templates/agenda/event_list.html
@@ -103,7 +103,7 @@
                             {% for t in tags %}
                                 {% if not t|tag_is_excluded %}
                                     <li class="nav-tree__item">
-                                        <a class="nav-tree__link{% if tag == t %} active{% endif %}" href="{% if tag == t %}{% url 'event_list' %}{% else %}{% url "event_list_tag" t.slug %}{% endif %}">
+                                        <a class="nav-tree__link--filter nav-tree__link{% if tag == t %} active{% endif %}" href="{% if tag == t %}{% url 'event_list' %}{% else %}{% url "event_list_tag" t.slug %}{% endif %}">
                                             {{ t }} {% if tag == t %}<i class="fa fa-times"></i>{% endif %}
                                         </a>
                                     </li>
-- 
2.39.5