Adds styles for tag clod

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;
+      }
+    }
   }
 }
 

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;
 

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>