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

.adf-card-view-key-value-pairs-item {
    .adf-property-col-key {
        width: 50%;
        margin-right: 4px;
    }

    .adf-property-col-value {
        margin-left: 4px;
        width: 50%;
    }

    .adf-property-col-delete {
        width: auto;
    }

    .adf-card-view {
        &__key-value-pairs {
            &__row {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            &__add-btn-container {
                display: flex;
                justify-content: center;
            }

            &__add-btn#{ms.$mat-button} {
                margin-bottom: 20px;
            }

            &__read-only {
                padding-bottom: 20px;

                #{ms.$mat-table} {
                    box-shadow: none;
                }

                #{ms.$mat-header-row},
                #{ms.$mat-row} {
                    padding: 0;
                }
            }
        }
    }
}