Improves styles for tags

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

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>