.actions {
    @include absolute(-5px, -15px, auto, auto);
    background: $color-table-background;
    border: 0;
    display: none;
}

.user-ref {
    font-weight: bold;
}

.user-picture {
    margin-top: .25rem;
}

.user-row {
    & {
        position: relative;
    }
}

.col-text {
    overflow-wrap: break-word;
    overflow-x: hidden;
}

.comment {
    & {
        font-size: .9rem;
        font-weight: normal;
        line-height: 1.25rem;
        margin: 0;
        margin-bottom: .75rem;
        position: relative;
    }

    &-message {
        margin-bottom: .375rem;
    }

    &-created {
        font-size: .75rem;
    }

    &:hover {
        .actions {
            display: block;
        }
    }
}

:host ::ng-deep {
    p {
        &:last-child {
            margin-bottom: 0;
        }
    }
}