/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  jobs.less
 *
 *  custom styles for the jobs pages
 *
 */

#jobs-page {

    .jobs-list-container {
        border: 1px solid @grey;
        border-radius: 4px;
        padding: 5px;
    }

    .job-list {

        i[class*="icon-job-"] {
            font-size: 13px;
        }
    }

    #completed_jobs_table i[class*="icon-job-"] {
        font-size: 13px;
    }

    #completed_jobs_table,
    #schedules_table,
    #running_jobs_table,
    #queued_jobs_table {
        table-layout:fixed;
    }
    #completed_jobs_table .name-column,
    #schedules_table .name-column,
    #running_jobs_table .name-column,
    #queued_jobs_table .name-column,
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .title {
        font-weight: bold;
        margin-top: 5px;
        margin-left: 3px;
    }

    #breadcrumbs .nav-path {
        background-color: @white;
    }

    #breadcrumb-list.breadcrumb {
        background-color: @white;
    }

    .List-noItems {
        margin-top: 0;
    }

}

@media (min-width: 1201px) {
    #jobs-page {
        .left-side {
            padding-right: 7px;
        }

        .right-side {
            padding-left: 7px;
        }

        .bottom-row {
            margin-top: 15px;
        }
    }
}

@media (max-width: 1200px) {
    #jobs-page .jobs-list-container {
        margin-top: 15px;
    }
    #jobs .jobs-list-container.completed {
        margin-top: 0;
    }
    .title{
        margin-bottom: 8px;
    }
    #jobs-page {
        .left-side {
            padding-right: 15px;
        }
        .right-side {
            padding-left: 15px;
        }
    }
}
