.eventlist {
    display: flex;
    flex-direction: column;
}

.eventlist_entry {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto auto;

    border-radius: calc(.25rem - 1px);

    margin: 0.5rem;

    padding: 0.33rem;
}

.eventlist_entry.event_unknown       { background: var(--col-background); border: 1px solid var(--col-background); }
.eventlist_entry.event_willattend    { background: var(--col-background); border: 1px solid var(--col-blue-full); }
.eventlist_entry.event_willnotattend { background: var(--col-background); border: 1px solid var(--col-yellow-full); }
.eventlist_entry.event_excused       { background: var(--col-background); border: 1px solid var(--col-red-full); }
.eventlist_entry.event_unexcused     { background: var(--col-red-light);  border: 1px solid var(--col-red-full); }
.eventlist_entry.event_attended      { background: var(--col-blue-light); border: 1px solid var(--col-blue-full); }

.eventlist_entry .eventlist_title {
    grid-row: 1;
    grid-column: 1;

    font-size: 1.1rem;
    font-weight: bold;
}

.eventlist_entry .eventlist_desc {
    grid-row: 2;
    grid-column: 1;

    opacity: .5;

}

.eventlist_entry .eventlist_date {
    grid-row: 1;
    grid-column: 2;

    text-align: right;
    opacity: 0.8;
}

.eventlist_entry .eventlist_buttons {
    grid-row: 2;
    grid-column: 2;

    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.eventlist_entry .eventlist_buttons .btn {
    margin-block: 0.1rem;
}

.eventlist_entry .eventlist_accessbuttons {
    grid-row: 4;
    grid-column: 1/3;
}