diff --git a/app/modules/projects/project/project.jade b/app/modules/projects/project/project.jade index 000bde14..d95248cd 100644 --- a/app/modules/projects/project/project.jade +++ b/app/modules/projects/project/project.jade @@ -8,7 +8,7 @@ div.wrapper include ../../../svg/lock.svg p.description {{vm.project.get('description')}} - div.project-list-single-tags.tags-container(ng-if="::vm.project.get('tags').size") + div.single-project-tags.tags-container(ng-if="::vm.project.get('tags').size") span.tag(style='border-left: 5px solid {{::tag.get("color")}};', tg-repeat="tag in ::vm.project.get('colorized_tags')") span.tag-name {{::tag.get('name')}} diff --git a/app/styles/components/tag.scss b/app/styles/components/tag.scss index 4696b407..e08792ac 100644 --- a/app/styles/components/tag.scss +++ b/app/styles/components/tag.scss @@ -1,9 +1,12 @@ .tag { + @extend %light; + @extend %small; background: $whitish; // Fallback + border-radius: 0 5px 5px 0; color: $grayer; display: inline-block; margin-right: .5rem; - padding: .2rem .5rem; + padding: .5rem .75rem; text-align: center; .icon-delete { color: $gray-light; diff --git a/app/styles/modules/home-project.scss b/app/styles/modules/home-project.scss index d2e068d2..9401fff9 100644 --- a/app/styles/modules/home-project.scss +++ b/app/styles/modules/home-project.scss @@ -22,6 +22,9 @@ margin-bottom: .5rem; padding: .5rem 1rem; } + .single-project-tags { + margin-bottom: 1rem; + } .timeline { flex: 1; margin-right: 1rem;