@import 'vars';
@import 'mixins';

.integration-card {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 1rem;
    vertical-align: top;
    width: 20rem;

    & {
        min-height: 13.5rem;
    }

    &.available {
        min-height: 9rem;
    }

    h4 {
        margin-bottom: 0;
    }

    small {
        display: block;
        margin-bottom: 0;
        margin-top: .5rem;
    }

    .col-image {
        @include force-width(5rem);
        padding-right: 1.5rem;
        padding-top: .5rem;

        svg {
            max-height: 4rem;
            min-height: none;
            width: 100%;
        }

        img {
            max-height: 4rem;
            min-height: none;
            width: 100%;
        }
    }

    strong {
        white-space: nowrap;
    }
}

.integration-dialog {
    h4 {
        margin-bottom: 0;
    }

    h5 {
        font-size: 1rem;
    }

    .col-image {
        padding-right: 1.5rem !important;
        padding-top: .5rem;

        svg {
            height: 2.5rem;
        }
    }
}

.badges {
    line-height: 1.5;
}