From f8c45ca719d04fafe4eb5d81fac96eb4e84d93b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 22 Oct 2014 15:40:12 +0200
Subject: [PATCH] Add tag text

---
 app/coffee/modules/common/tags.coffee |  5 ++++-
 app/styles/components/tag.scss        | 14 ++++++++++++++
 app/styles/layout/us-detail.scss      | 11 -----------
 3 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/app/coffee/modules/common/tags.coffee b/app/coffee/modules/common/tags.coffee
index c2e242ba..c7496294 100644
--- a/app/coffee/modules/common/tags.coffee
+++ b/app/coffee/modules/common/tags.coffee
@@ -95,7 +95,10 @@ TagLineDirective = ($rootscope, $log, $rs, $tgrepo, $confirm) ->
     # Main directive template (rendered by angular)
     template = """
     <div class="tags-container"></div>
-    <a href="#" class="add-tag icon icon-plus" title="Add tag"></a>
+    <a href="#" class="add-tag" title="Add tag">
+        <span class="icon icon-plus"></span>
+        <span class="add-tag-text">Add tag</span>
+    </a>
     <input type="text" placeholder="Write tag..." class="tag-input hidden" />
     <a href="" title="Save" class="save icon icon-floppy"></a>
     """
diff --git a/app/styles/components/tag.scss b/app/styles/components/tag.scss
index 22a01e09..4a38108c 100644
--- a/app/styles/components/tag.scss
+++ b/app/styles/components/tag.scss
@@ -41,7 +41,21 @@
         margin: 0 .5rem .5rem 0;
         padding: .5rem;
     }
+    .add-tag {
+        color: $gray-light;
+        &:hover {
+            color: $fresh-taiga;
+        }
+    }
+    .icon-plus {
+        @extend %large;
+    }
+    .add-tag-text {
+        @extend %small;
+    }
     .save {
         display: none;
     }
 }
+
+
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index 25b77f2b..0d959c75 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -149,17 +149,6 @@
     }
 }
 
-.tags-block {
-    .icon-plus {
-        @extend %large;
-        color: $gray-light;
-        vertical-align: top;
-        &:hover {
-            color: $fresh-taiga;
-        }
-    }
-}
-
 .duty-content {
     position: relative;
     &:hover {