@import 'variables';

:host {
    margin-top: 48px;
    display: block;
}

.entry-list {
    margin-top: 24px;
    margin-left: 24px;
    margin-right: 12px;
}

.note-entry {
    display: flex;
    align-items: center;
    .note {
        flex: 1;
    }

    button {
        margin: 0;
    }
}
.visibility-select {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    .public {
        color: $color-warning-500;
    }
    .private {
        color: $color-success-500;
    }
}
textarea.note {
    flex: 1;
    height: 36px;
    border-radius: 3px;
    margin-right: 6px;
}
.note-text {
    color: $color-grey-800;
    white-space: pre-wrap;
}

.cancelled-coupon-code {
    text-decoration: line-through;
}
.note-visibility {
    text-transform: lowercase;
    &.public {
        color: $color-warning-500;
    }
    &.private {
        color: $color-success-500;
    }
}
