.activity-line {
    background-color: #fafafa;
    margin-bottom: 8px;
}

.activity-line .info {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 76%;
    margin-bottom: -5px;
    padding-left: 8px;
}

.activity-line .date{
    float: right;
    padding: 8px 8px 0 0;
    color: #c4c4c4;
}



@media(max-width: 576px) {


    .activity-line .btn.btn-icon-only.blue {
        display: block;
    }

    .activity-line .info {
        display: block;
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .activity-line .info .badge {
        display: block;
        width: 125px;
        margin:  0 auto;
    }
    .activity-line .date{
        display: block;
        float: none;
        text-align: right;
    }
    .portlet-body {
        height: 500px !important;
    }
}