From ccd8a1555bf698df9f900a1753ce77931571a67a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 2 Jul 2014 14:00:53 +0200
Subject: [PATCH] Assigned to edit button

---
 .../views/components/assigned-to.jade         |  3 ++-
 app/styles/layout/us-detail.scss              | 20 ++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/app/partials/views/components/assigned-to.jade b/app/partials/views/components/assigned-to.jade
index 10c6ec30..efeefd42 100644
--- a/app/partials/views/components/assigned-to.jade
+++ b/app/partials/views/components/assigned-to.jade
@@ -4,4 +4,5 @@ section.us-detail-assigned-to
             img(src="http://thecodeplayer.com/u/uifaces/18.jpg", alt="username")
     div.assigned-to
         span.assigned-title Assigned to
-        span.user-assigned Anler Hernández
\ No newline at end of file
+        span.user-assigned Anler Hernández
+        a.icon.icon-edit(href="", title="edit assignment")
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index 6659a955..22d5987d 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -69,7 +69,7 @@
 .issue-nav {
     position: absolute;
     right: 1rem;
-    top: 2rem;
+    top: 1.5rem;
     a {
         @extend %xlarge;
     }
@@ -220,6 +220,7 @@
 .us-detail-assigned-to {
     @include table-flex();
     margin-top: 2rem;
+    position: relative;
     .user-avatar {
         @include table-flex-child(1, 0);
     }
@@ -227,6 +228,12 @@
         @include table-flex-child(3, 0);
         margin-left: 1rem;
         margin-top: 15px;
+        &:hover {
+            .icon-edit {
+                @include transition(opacity .2s ease-in);
+                opacity: 1;
+            }
+        }
         .assigned-title {
             color: $gray-light;
             display: block;
@@ -235,6 +242,17 @@
             @extend %large;
             color: $green-taiga;
         }
+        .icon-edit {
+            @include transition(opacity .2s ease-in);
+            color: $gray-light;
+            opacity: 0;
+            position: absolute;
+            right: 1rem;
+            top: 1rem;
+            &:hover {
+                color: $green-taiga;
+            }
+        }
     }
 }