diff --git a/app/coffee/modules/userstories/detail.coffee b/app/coffee/modules/userstories/detail.coffee
index bb0acfc0..3b78fe98 100644
--- a/app/coffee/modules/userstories/detail.coffee
+++ b/app/coffee/modules/userstories/detail.coffee
@@ -240,6 +240,7 @@ UsStatusDetailDirective = () ->
""")
selectionPointsTemplate = _.template("""
+
<% _.each(points, function(point) { %>
- <%- point.name %>
@@ -319,11 +320,13 @@ UsStatusDetailDirective = () ->
event.stopPropagation()
target = angular.element(event.currentTarget)
updatingSelectedRoleId = target.data("role-id")
+ target.siblings().removeClass('active')
+ target.addClass('active')
showSelectPoints()
body = angular.element("body")
body.one "click", (event) ->
$el.find(".popover").hide()
-
+ target.removeClass('active')
$el.on "click", ".point", (event) ->
event.preventDefault()
event.stopPropagation()
diff --git a/app/partials/task-detail-edit.jade b/app/partials/task-detail-edit.jade
index 5731466b..3d9d0d20 100644
--- a/app/partials/task-detail-edit.jade
+++ b/app/partials/task-detail-edit.jade
@@ -36,7 +36,7 @@ block content
section.us-detail-settings
fieldset
- label.clickable.button.button-green(for="is-iocaine", ng-class="{true:'active', false:''}[task.is_iocaine]") Iocaine
+ label.clickable.button.button-gray(for="is-iocaine", ng-class="{true:'active', false:''}[task.is_iocaine]") Iocaine
input(ng-model="task.is_iocaine", type="checkbox", id="is-iocaine", name="is-iocaine")
a.button.button-gray.clickable(ng-show="!task.is_blocked", ng-click="ctrl.block()") Block
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index 96da5008..7f35dcee 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -199,13 +199,17 @@
.points-per-role {
position: relative;
> li {
- border-right: 1px solid $grayer;
+ @include transition(color .3s linear);
+ border-right: 1px solid rgba($grayer, .3);
+ color: rgba($grayer, .3);
display: inline-block;
margin: .5rem .1rem;
- opacity: .3;
position: relative;
text-align: center;
width: 18%;
+ &.active {
+ color: rgba($green-taiga, 1);
+ }
&:first-child {
opacity: 1;
}