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;