diff --git a/app/assets/stylesheets/components/tick-cross.scss b/app/assets/stylesheets/components/tick-cross.scss index 74fc461ab..3601b0ad4 100644 --- a/app/assets/stylesheets/components/tick-cross.scss +++ b/app/assets/stylesheets/components/tick-cross.scss @@ -4,8 +4,8 @@ display: inline-block; background-size: 19px 19px; background-repeat: no-repeat; - background-position: 0 0; - padding: 1px 0 0 25px; + background-position: 0 6px; + padding: 6px 0 5px 25px; @include ie-lte(8) { background-position: 0 3px; @@ -31,6 +31,7 @@ @extend %tick-cross; color: $secondary-text-colour; background-image: file-url('cross-grey.png'); + box-shadow: inset 20px 0 0 0 rgba(255, 255, 255, 0.6); @include ie-lte(8) { background-image: file-url('cross-grey-16px.png'); @@ -42,21 +43,24 @@ @extend %grid-row; margin-top: 5px; + position: relative; &-permissions { @include grid-column(3/4); li { - display: inline-block; + display: block; margin-right: 0.5em; } } &-edit-link { - @include grid-column(1/4); text-align: right; + position: absolute; + top: -1.6em; + right: -135px; } } diff --git a/app/assets/stylesheets/views/users.scss b/app/assets/stylesheets/views/users.scss index b04cd671d..57b3a2da4 100644 --- a/app/assets/stylesheets/views/users.scss +++ b/app/assets/stylesheets/views/users.scss @@ -5,7 +5,7 @@ &-item { - padding: $gutter-half 0; + padding: $gutter-half 150px $gutter-half 0; border-top: 1px solid $border-colour; &:last-child { diff --git a/app/templates/views/manage-users.html b/app/templates/views/manage-users.html index 1b4b1fc19..fb79b3b8a 100644 --- a/app/templates/views/manage-users.html +++ b/app/templates/views/manage-users.html @@ -37,7 +37,7 @@ {% for user in users %}