force-orange-2022/src/components/VolunteerBoard/DayWishes/styles.module.scss

@import "../../../theme/variables";
@import "../../../theme/mixins";

.title {
    padding-bottom: 10px;
    font-weight: bold;
}

.participationLabel {
    margin-right: 5px;
    font-style: bold;
}

.yesParticipation {
    color: $color-orange;
}

.dayWishes {
    @include inner-content-wrapper();

    position: relative;
    padding-right: 90px;
}

.participationLabel,
.daysLine,
.commentLine {
    margin-bottom: 5px;
    span {
        display: inline-block;
    }
}

.dayLineTitle {
    padding-right: 5px;
}

.lineEmpty {
    color: $color-red;
    font-style: italic;
}

.commentLineTitle {
    padding-right: 5px;
}

.commentLineText {
    font-style: italic;
}

.editButton {
    @include vertical-center();

    position: absolute;
    right: 20px;

    button {
        color: $color-green;
        font-weight: bold;
        cursor: pointer;
    }
}