diff --git a/app/assets/stylesheets/account/permissions_list.scss b/app/assets/stylesheets/account/permissions_list.scss index 2e476d6b0..fbd0a5043 100644 --- a/app/assets/stylesheets/account/permissions_list.scss +++ b/app/assets/stylesheets/account/permissions_list.scss @@ -7,17 +7,25 @@ font-size: $small-font-size; margin-bottom: $line-height / 2; - span { - color: $text-medium; - font-size: rem-calc(12); + &::before { + font-size: 0.9em; + margin-#{$global-right}: 0.2em; } - .icon-check { - color: $check; + &.permission-allowed { + @include has-fa-icon(check, solid); + + &::before { + color: $check; + } } - .icon-x { - color: $delete; + &.permission-denied { + @include has-fa-icon(times, solid); + + &::before { + color: $delete; + } } } } diff --git a/app/components/account/permissions_list_component.html.erb b/app/components/account/permissions_list_component.html.erb index 2d7c63687..055c9a922 100644 --- a/app/components/account/permissions_list_component.html.erb +++ b/app/components/account/permissions_list_component.html.erb @@ -1,12 +1,6 @@