From 9b2ab35b98b3950f1ef51885f2ee146f73258a05 Mon Sep 17 00:00:00 2001
From: Alberto Garcia Cabeza <alberto@decabeza.es>
Date: Thu, 7 Jan 2016 12:47:21 +0100
Subject: [PATCH] Improves styles for tags

---
 app/assets/stylesheets/layout.scss   | 32 +++++-----------------------
 app/views/shared/_tag_cloud.html.erb |  2 +-
 2 files changed, 6 insertions(+), 28 deletions(-)

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 95dd958f6..189f2da15 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -565,18 +565,17 @@ footer {
 .tags, .tag-cloud {
 
   a {
-    background: $border;
+    background: #ececec;
     border-radius: rem-calc(6);
-    color: #4d4d4d;
+    color: $text;
     display: inline-block;
     font-size: $small-font-size;
     margin-bottom: $line-height/3;
-    padding: 0 $line-height/3;
+    padding: $line-height/4 $line-height/3;
+    text-decoration: none;
 
     &:hover {
-      color: $link;
-      cursor: pointer;
-      background: #E5F1F8;
+      background: #e0e0e0;
     }
   }
 }
@@ -592,27 +591,6 @@ footer {
     padding-top: $line-height/4;
     text-transform: uppercase;
   }
-
-  a {
-    background: white;
-    border: 2px solid $border;
-    padding: $line-height/4 $line-height/3;
-
-    .label {
-      color: white;
-
-      &.info {
-        background: rgba(0,0,0,.5);
-      }
-    }
-
-    &:hover {
-
-      .label {
-        background: $brand;
-      }
-    }
-  }
 }
 
 // 05. Auth pages
diff --git a/app/views/shared/_tag_cloud.html.erb b/app/views/shared/_tag_cloud.html.erb
index cc377f34d..fe46b6263 100644
--- a/app/views/shared/_tag_cloud.html.erb
+++ b/app/views/shared/_tag_cloud.html.erb
@@ -5,7 +5,7 @@
   <% tag_cloud @tag_cloud, %w[s m l] do |tag, css_class| %>
     <%= link_to taggable_path(taggable, tag.name), class: css_class do %>
       <%= tag.name %>
-      <span class='label round info'><%= tag.send(taggable_counter_field(taggable)) %></span>
+      (<%= tag.send(taggable_counter_field(taggable)) %>)
     <% end %>
   <% end %>
 </div>