From 5c5ad3c1fc8cb96012786ee8527b7793a9778cac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 20 Oct 2014 16:12:45 +0200
Subject: [PATCH] MInor styles refactor for header edit button

---
 app/styles/layout/us-detail.scss | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index 9428834d..88459e82 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -57,13 +57,21 @@
             display: flex;
             margin-bottom: 0;
             max-width: 94%;
-            .save-container {
-                &.loading span {
-                    @include animation (loading .5s linear);
-                    @include animation (spin 1s linear infinite);
+            &:hover {
+                .save {
+                    @include transition(opacity .3s linear);
+                    opacity: 1;
                 }
             }
         }
+        //.save-container {
+        //    &.loading {
+        //        span {
+        //            @include animation (loading .5s linear);
+        //            @include animation (spin 1s linear infinite);
+        //        }
+        //    }
+        //}
         .us-number {
             @extend %xlarge;
             @extend %title;
@@ -79,6 +87,12 @@
             line-height: 2.2rem;
             padding-right: 1rem;
         }
+        .save {
+            @extend %large;
+            color: $gray-light;
+            margin-left: .5rem;
+            opacity: 0;
+        }
         .us-related-task {
             @extend %small;
             color: $gray-light;