From 8bee3abb7b0dd05ef79e7b1e7df5432408a285c4 Mon Sep 17 00:00:00 2001
From: Alberto Garcia Cabeza <alberto@decabeza.es>
Date: Wed, 12 Aug 2015 17:08:39 +0200
Subject: [PATCH] Adds styles for tag clod

---
 app/assets/stylesheets/participacion.scss | 13 ++++++++++++-
 app/assets/stylesheets/variables.scss     |  1 +
 app/views/shared/_tag_cloud.html.erb      |  2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss
index 3abaa20a0..60ffc337d 100644
--- a/app/assets/stylesheets/participacion.scss
+++ b/app/assets/stylesheets/participacion.scss
@@ -310,7 +310,7 @@ footer {
     &:hover {
       color: $link;
       cursor: pointer;
-      background: #e5f1f8;
+      background: $tags-bg-hover;
       border: 1px solid $brand;
     }
   }
@@ -328,6 +328,17 @@ footer {
 
   a {
     padding: $line-height/4 $line-height/3;
+
+    .label {
+      color: white;
+    }
+
+    &:hover {
+
+      .label {
+        background: $brand;
+      }
+    }
   }
 }
 
diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss
index 03ea93dfd..3fc104785 100644
--- a/app/assets/stylesheets/variables.scss
+++ b/app/assets/stylesheets/variables.scss
@@ -30,6 +30,7 @@ $link:              #2895F1;
 $link-hover: 		    #2178BF;
 
 $tags-bg:           #FAFAFA;
+$tags-bg-hover:     #E5F1F8;
 $tags-border:       #F0F0F0;
 $tags-color:        #8F8F8F;
 
diff --git a/app/views/shared/_tag_cloud.html.erb b/app/views/shared/_tag_cloud.html.erb
index c113a76bb..bba1d50df 100644
--- a/app/views/shared/_tag_cloud.html.erb
+++ b/app/views/shared/_tag_cloud.html.erb
@@ -1,6 +1,6 @@
 <div id="tag-cloud" class="tag-cloud">
   <h3><%= t("shared.tags_cloud.tags") %></h3>
   <% tag_cloud Debate.tag_counts, %w[s m l] do |tag, css_class| %>
-    <%= link_to sanitize("#{tag.name}(#{tag.taggings_count})"), debates_path(tag: tag.name), class: css_class %>
+    <%= link_to sanitize("#{tag.name} <span class='label round info'>#{tag.taggings_count}</span>"), debates_path(tag: tag.name), class: css_class %>
   <% end %>
 </div>
\ No newline at end of file