.activity-single {
    @include table-flex;
    border-bottom: 2px solid $gray-light;
    padding: 2rem 0;
    position: relative;
    &:first-child {
        margin-top: 0;
    }
    .username {
        color: $green-taiga;
        margin-bottom: 1rem;
    }
    .activity-user {
        @include table-flex-child(1, 50px, 0);
        img {
            max-width: 70px;
            width: 100%;
        }
    }
    .activity-username {
        border-bottom: 1px dotted $gray-light;
        color: $green-taiga;
        margin-bottom: 1rem;
    }
    .activity-content {
        @include table-flex-child(20, 150px, 0);
    }
    .us-activity {
        background: $whitish;
        .activity-inner {
            display: none;
        }
    }
    .date {
        @extend %small;
        color: $gray-light;
        margin-left: 1rem;
    }
}

.more-activity {
    @extend %small;
    border-bottom: 1px solid $gray-light;
    color: $gray-light;
    display: block;
    padding: 1rem;
    .prev-activity-num {
        color: $green-taiga;
        margin-left: .5rem;
    }
}