.activityList
{
    box-sizing : border-box;
    padding : 0 1rem;
    margin-bottom : 2rem;
}

    .activityList .eachActivity {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1rem 0;
        border-bottom: solid 1px #d9d8d8;
    }

        .activityList .eachActivity .themePic {
            display: block;
            height: auto;
            margin-left: 1rem;
            flex-grow: 0;
            flex-shrink: 0;
            max-width: 35%;
        }

        .activityList .eachActivity .left {
            flex-grow: 1;
            flex-shrink: 1;
        }

            .activityList .eachActivity .left .date {
                font-size: 0.8rem;
                display: block;
            }

            .activityList .eachActivity .left .caption {
                font-weight: 800;
                display: block;
                margin: 0.5rem 0;
            }

            .activityList .eachActivity .left .description {
                display: block;
                line-height: 2em;
                box-sizing : border-box;
                padding-left : 1rem;
            }

.editMode .eachActivityDiv {
    position: relative;
}

@media (max-width: 480px) {
    .activityList .eachActivity {
        display: block;
    }
        .activityList .eachActivity .themePic {
            height: auto;
            margin-top: 1rem;
            margin-left: 0;
            max-width: 100%;
        }
}