// Copyright (C) 2023 CVAT.ai Corporation
//
// SPDX-License-Identifier: MIT

@import '../../base.scss';

.cvat-job-item {
    border: 1px solid $border-color-1;
    border-radius: 3px;
    background: $background-color-1;

    &:hover {
        border: 1px solid $border-color-hover;
    }

    .cvat-job-item-icon {
        .anticon svg {
            fill: #fc3;
        }
    }

    .ant-card-body {
        padding: $grid-unit-size*2;
        min-height: $grid-unit-size * 9;
    }

    .cvat-job-item-selects {
        padding-top: $grid-unit-size;

        .cvat-job-item-select {
            >div:first-child {
                margin-bottom: $grid-unit-size;
            }
        }

        .cvat-job-assignee-selector {
            margin-right: $grid-unit-size;
        }
    }

    .cvat-job-item-details {
        .ant-row {
            margin-top: $grid-unit-size;
        }

        .anticon {
            margin-right: $grid-unit-size;
        }
    }

    .cvat-job-item-more-button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-100%);
        font-size: 16px;
        margin-top: $grid-unit-size;
        padding: 0 $grid-unit-size * 2;
    }

    .cvat-job-item-dates-info {
        margin-top: $grid-unit-size;
    }

    .cvat-job-assignee-selector {
        max-width: $grid-unit-size * 16;

        @media screen and (max-width: 1620px) {
            max-width: $grid-unit-size * 12;
        }
    }
}
