runningPlans/src/app/calendar/calendar.component.scss

table {
    width: 100%;
}

tr {
    display: flex;
    width: 100%;
}

td {
    padding: 20px 0;
}

th,
td {
    flex: 1;
    text-align: center;
    border: 1px solid black;
}

.container {
    margin-left: 24px;
    margin-right: 24px;
}

.noselect {
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.incompleteWorkout:hover {
    background-color: rgb(235, 235, 235);
}

.completedWorkout {
    background-color: rgb(107, 194, 107);
}
.completedWorkout:hover {
    background-color: rgb(89, 161, 89);
}

.completedWeek {
    background-color: rgb(107, 194, 107);
}