Subversion Repositories Integrator Subversion

// actions
.mt-actions {
        .mt-action {
                margin: 0px;
                padding: 15px 0 15px 0;
                border-bottom:1px solid lighten(#E9EBEE, 5%);

                &:last-child{
                        border-bottom:0px;
                }

                .mt-action-img {
            width: 40px;
                        float: left;

                        > img {
                                border-radius: 50% !important;
                                margin-bottom: 2px;
                        }
                }
                            
                .mt-action-body {
                        padding-left: 15px;
                        position: relative;
                        overflow:hidden;

                        .mt-action-row {
                                display: table;
                                width: 100%;

                                .mt-action-info {
                                        display: table-cell;
                                        vertical-align: top;

                                        .mt-action-icon {
                                                display: table-cell;
                                                padding: 6px 20px 6px 6px;
                                                
                                                > i {           
                                                        display: inline-block;                          
                                                        position: relative;
                                                        top: 10px;
                                                        font-size: 25px;
                                                        color:#78E0E8;
                                                }

                                        }

                                        .mt-action-details {
                                                display: table-cell;
                                                vertical-align: top;

                                                .mt-action-author {
                                                        color: #060606;
                                                        font-weight: 600;
                                                }

                                                .mt-action-desc {
                                                        margin-bottom: 0;
                                                        color:darken(#A6A8A8, 5%);
                                                }
                                        }
                                }

                                .mt-action-datetime {
                                        vertical-align: top;
                                        display: table-cell;
                                        text-align: center;
                                        width: 150px;                                   
                                        white-space: nowrap;
                                        padding-top:15px;
                                        color:#A6A8A8;
                                        
                                        .mt-action-dot {
                                                display: inline-block;
                                                width: 10px;
                                                height: 10px;
                                                background-color:red;
                                                border-radius: 50% !important;
                                                margin-left: 5px;
                                                margin-right: 5px;
                                        }
                                }

                                .mt-action-buttons {
                                        vertical-align: top;
                                        display: table-cell;
                                        text-align: center;
                                        width: 160px;
                                        white-space: nowrap; 
                                        padding-top:10px;
                                        
                                }
                        }                       
        }
        }  
}

@media (max-width: $screen-xs-max) {  /* 767px */
        .mt-actions {
                .mt-action {
                        .mt-action-body {
                                .mt-action-row {
                                        display: block;

                                        .mt-action-info {
                                                display: block;
                                        }

                                        .mt-action-datetime {
                                                display: inline-block;
                                                margin-left: 40px;
                                        }

                                        .mt-action-buttons {
                                                display: inline-block;
                                                float: right;
                                        }
                                }                               
                        }
                }
        }
}