From 45c47529654c1a6377aebcda1c2fed69bb3e5df4 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Wed, 30 Oct 2013 12:24:32 -0400
Subject: [PATCH] Fixes #251 formatting of links inside labels, adds doc
 example

---
 server/documents/elements/label.html.eco |  9 +++++++++
 src/elements/label.less                  | 11 +++++++++++
 2 files changed, 20 insertions(+)

diff --git a/server/documents/elements/label.html.eco b/server/documents/elements/label.html.eco
index d177f32f3..e793f7f35 100755
--- a/server/documents/elements/label.html.eco
+++ b/server/documents/elements/label.html.eco
@@ -45,6 +45,15 @@ type        : 'UI Element'
     </div>
   </div>
 
+  <div class="example">
+    <h4 class="ui header">Link</h4>
+    <p>A label can contain a text link</p>
+    <div class="ui label">
+      Inbox
+      <a class="detail"><i class="mail icon"></i> 23</a>
+    </div>
+  </div>
+
   <div class="example">
     <h4 class="ui header">Image</h4>
     <p>A label can be formatted to include an image</p>
diff --git a/src/elements/label.less b/src/elements/label.less
index 0e5617441..4ef2dac0e 100755
--- a/src/elements/label.less
+++ b/src/elements/label.less
@@ -67,6 +67,17 @@ a.ui.label {
   cursor: pointer;
 }
 
+/* Inside Link */
+.ui.label a {
+  cursor: pointer;
+  color: inherit;
+  opacity: 0.8;
+  transition: 0.2s opacity ease;
+}
+.ui.label a:hover {
+  opacity: 1;
+}
+
 /* Detail */
 .ui.label .detail {
   display: inline-block;