Filters style

diff --git a/app/static/src/sass/modules/navs/_nav-tree.scss b/app/static/src/sass/modules/navs/_nav-tree.scss
index ee48e10678ec3769ae10a22cd79efb37f80e4d07..083a0591f22ee8dbd91711b96e8eee869444ec2a 100644 (file)
--- 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 c9117768ce8c029eb2e44e49e8a5298fa32337f4..663d61a8b09e3f5309864d896181bbe32c2331c0 100644 (file)
--- 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>