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