.list_item {
    .lineBottom();

    .touch-link {
        display: block;
        padding: 12px 0;

        & > * {
            display: table-cell;
            padding-left: 10px;
            vertical-align: middle;
            border-box: border-box;

            &:last-child {
                padding-right: 10px;
            }
        }
    }
    

    .detail {
        padding-right: 15px;
        width: 8px;
        background-origin: content-box;
        .retina('img/toDetail.png', 8px, auto, left, center);
    }

    .info {

        & > * {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: pre;
        }

        .name {
            margin: 0.2em 0;
            color: @titleColor;
        }

        .summary {
            color: @infoColor;
            font-size: 0.85em;
        }
    }
}



// iPad
@media screen and (min-width: 768px) {

    .list_item {
        .touch-link {
            padding: 15px 0;

            & > * {
                display: table-cell;
                padding-left: 20px;
                vertical-align: middle;
                border-box: border-box;

                &:last-child {
                    padding-right: 20px;
                }
            }
        }
        
        .detail {
            padding-right: 30px;
            width: 16px;
            .retina('img/toDetail.png', 16px, auto, left, center);
        }

        .info {
            font-size: 1.1em;
        }
    }
}



// iPhone6
@media screen and (min-width: 375px) {

    .list_item {

        .touch-link {

            & > * {
                padding-left: 15px;

                &:last-child {
                    padding-right: 15px;
                }
            }
        }
    }
}