@use '../styles/mat-selectors' as ms;

adf-comments {
    .adf-comments-container {
        height: 100%;
        width: 100%;
        overflow: auto;

        .adf-comments-input-container {
            width: 100%;
            padding: 10px 0;

            .adf-comments-input-form-field {
                width: 100%;
                margin-bottom: 10px;
            }

            textarea {
                resize: vertical;
                height: 20px;
            }
        }
    }

    .adf-comments-header {
        padding: 10px 0;
        font-size: var(--theme-body-1-font-size);
        font-weight: 600;
    }

    .adf-comments-input-actions {
        display: flex;
        justify-content: flex-end;
    }

    #{ms.$mat-list-item-unscoped-content} {
        display: flex;
        padding: 0 16px;
    }
}