diff --git a/app/coffee/modules/base/tags.coffee b/app/coffee/modules/base/tags.coffee
index 699da558..20b314c4 100644
--- a/app/coffee/modules/base/tags.coffee
+++ b/app/coffee/modules/base/tags.coffee
@@ -55,7 +55,7 @@ ColorizeTagDirective = ->
link = ($scope, $el, $attrs, $ctrl) ->
text = $scope.$eval($attrs.tgColorizeTag)
color = textToColor(text)
- $el.css("background", color)
+ $el.css("border-left", "5px solid " + color)
return {link: link}
diff --git a/app/coffee/modules/common.coffee b/app/coffee/modules/common.coffee
index 876d7d1d..641fc3c9 100644
--- a/app/coffee/modules/common.coffee
+++ b/app/coffee/modules/common.coffee
@@ -42,7 +42,7 @@ TagLineDirective = ($log) ->
# Tags template (rendered manually using lodash)
templateTags = _.template("""
<% _.each(tags, function(tag) { %>
-
+
<%- tag.name %>
<% if (editable) { %>
diff --git a/app/styles/components/tag.scss b/app/styles/components/tag.scss
index 7168e6a0..b0b39513 100644
--- a/app/styles/components/tag.scss
+++ b/app/styles/components/tag.scss
@@ -1,12 +1,12 @@
.tag {
- background: $grayer; // Fallback
- color: $white;
+ background: $whitish; // Fallback
+ color: $grayer;
display: inline-block;
- margin: 0 0 .5rem;
+ margin-right: .5rem;
padding: .2rem .5rem;
text-align: center;
.icon-delete {
- color: $white;
+ color: $gray-light;
margin-left: 1rem;
&:hover {
color: $red;
diff --git a/app/styles/modules/backlog/backlog-table.scss b/app/styles/modules/backlog/backlog-table.scss
index 51ff79f7..7eff3c6d 100644
--- a/app/styles/modules/backlog/backlog-table.scss
+++ b/app/styles/modules/backlog/backlog-table.scss
@@ -146,10 +146,10 @@
}
.user-story-tags {
display: none;
- margin-top: .3rem;
+ margin-bottom: .3rem;
.tag {
@extend %small;
- margin-right: .1rem;
+ margin-right: .5rem;
padding: .2rem .5rem;
}
}