.license-model-limits-view { max-height: 490px; overflow: auto; .limit-editor-title { padding: 10px 50px; background-color: $blue; color: $white; } .list-editor-view-add-title { margin-right: 20px; } .no-limits-text { padding-left: 50px; } .list-editor-view { .list-editor-view-header { border-bottom: none; padding-top: 30px; padding-bottom: 0; } .list-editor-view-list-scroller { margin-top: 0; margin-bottom: 30px; } .list-editor-view-list { width: 100%; .list-editor-item-view { min-height: 50px; height: 50px; background-color: $tlv-light-gray; border-color: transparent; margin: 1px 0; .list-editor-item-view-content { padding-left: 0; } .svg-icon-wrapper.trashO { margin-bottom: 0; margin-right: 50px; .svg-icon { fill: $gray; height: 16px; width: 16px; &:hover { fill: $dark-gray; } } } &.selectable { &:hover { background-color: darken($tlv-light-gray, 4%); cursor: pointer; } } &:hover { border-color: transparent; cursor: default; } .list-editor-item-view-content { .list-editor-item-view-field { display: flex; align-items: center; white-space: nowrap; &.limit-name { .text.name { @extend .body-1-semibold; color: $blue; text-transform: uppercase; padding: 0px 10px; } border-right: 1px solid $light-gray; margin-right: 22px; flex: 0.4; display: flex; justify-content: center; } &.limit-description { max-width: 300px; margin-right: 22px; } &.limit-metric-details { max-width: 300px; } .text.description, .text.name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } } } } } .limit-editor{ .limit-editor-form { .limit-editor-form-grid-section { padding-bottom: 0; } .validation-form-content { padding: 21px 45px; } .limit-editor-buttons { display: flex; justify-content: flex-end; .sdc-button { margin-left: 20px; } } } } }