#user_assignments_modal { .btn-role-select { padding: 0; &:hover { background-color: $color-white; } &:focus { box-shadow: none; } } .modal-body { min-height: calc(100vh - 200px); overflow: auto; padding-top: 0; } .member-item { border-bottom: 1px solid $modal-header-border-color; padding: .5em 0; } .user-assignment-role .dropdown-toggle, .user-assignment-remove .btn { border-width: 0; } .new-member-item .user-assignment-role .dropdown-toggle { border-width: 1px; border-color: $color-volcano; width: 200px; } .member-item, .user-assignment-info, .user-assignment-controls { align-items: center; display: flex; .text-muted { color: $color-silver-chalice; } } .user-assignment-controls { margin-left: auto; .caret { margin-left: 20px; } } .user-assignment-dropdown { a { padding: 8px 16px; } } .global-avatar-container { margin-right: 1em; } .user-assignment-remove { margin-left: 1em; min-width: 7em; } a, .bootstrap-select > .dropdown-toggle.bs-placeholder { color: $color-volcano; } .sci-checkbox-container { margin-right: 1em; } .sci-input-container { margin-top: 1em; .fa-search { color: $color-alto; } } .user-assignments-description { margin: 1em .5em; } hr { margin: 1em 0; } .group-members-button { cursor: pointer; margin-left: .5em; } .group-members-content { max-height: 180px; min-width: 260px; overflow: auto; padding: .6em 1em; .title { @include font-small; color: $color-silver-chalice; padding-bottom: .5em; } .name { @include font-button; padding: .4em 0; } .no-members { @include font-button; font-style: italic; padding: .4em 0; } } } .permission-object-tag { @include font-small; background: $color-concrete; border-radius: $border-radius-tag; cursor: pointer; padding: .25em; }