.activity-tiles {
    display: flex;
    justify-content: flex-start;
    gap: var(--unit);
}

.activity-tiles>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: var(--unit) * 2;
    background: var(--faintGray);
    border-radius: var(--unit);
    padding: calc(var(--unit));
}

.activity-tiles div *:first-child {
    margin-right: 10px;
}

.activity-tiles img {
    width: 30px;
    height: 30px;
}

@media (max-width: 550px) {
    .table-exercise-list th {display: none;}
    .table-exercise-list td {border-bottom: none;}
    .table-exercise-list tr {border-bottom: 1px solid var(--lightGray);}
    /* personal list: date | exercise, then topic link | badge */
    .table-exercise-list tr {display: grid; grid-template-columns: 1fr 4fr;}
    .table-exercise-list td:nth-last-child(2) {grid-column: 1; grid-row: 2;}
    .table-exercise-list td:last-child {grid-column: 2; grid-row: 2;}

    /* family list: date | member, then exercise | mistakes | topic link | badge */
    .family-mode tr {grid-template-columns: 1fr auto auto auto;}
    .family-mode td:nth-child(1) {grid-column: 1; grid-row: 1;}
    .family-mode td:nth-child(2) {grid-column: 2 / span 3; grid-row: 1;}
    .family-mode td:nth-child(3) {grid-column: 1; grid-row: 2;}
    .family-mode td:nth-child(5) {grid-column: 2; grid-row: 2;}
    .family-mode td:nth-child(6) {grid-column: 3; grid-row: 2;}
    .family-mode td:last-child {grid-column: 4; grid-row: 2;}
}

/* badges without the button (family list) — unsized SVGs otherwise */
.table-exercise-list .plain-badge {display: inline-block; vertical-align: middle;}
.table-exercise-list .plain-badge img {height: 24px; width: auto; display: block;}

@media (min-width: 550px) {
    .lg-ws-nowrap {white-space: nowrap;}
}