#scanner_config_modal {
    max-width: 460px;
}
#scanner_config_modal .modal-content .labeled-input:not(:last-of-type) {
    margin-bottom: 30px;
}
#scanner_config_modal .modal-content ul {
    margin: 15px 10px;
}
#scanner_config_modal .modal-content ul li {
    margin-bottom: 10px;
}
#scanner_config_modal .modal-content ul li:last-of-type {
    margin-bottom: 0;
}
#scanner_config_modal .modal-footer {
    padding-top: 10px;
    padding-bottom: 40px;
}

@media screen and (max-width: 600px) {
    #scanner_config_modal {
        max-height: 100%;
        max-width: inherit;
        height: calc(100% - 10px);
        width: 100% !important;
        top: 0 !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    #scanner_config_modal.open {
        display: flex !important;
        flex-direction: column;
    }

    #scanner_config_modal .modal-header {
        min-height: inherit;
        padding: 15px 30px;
    }

    #scanner_config_modal .modal-header p {
        font-size: 16px;
        font-weight: 500;
    }

    #scanner_config_modal .modal-content {
        flex-grow: 1;
        padding: 30px;
    }

    #scanner_config_modal .modal-content form {
        height: inherit;
        justify-content: flex-start;
    }

    #scanner_config_modal .modal-footer {
        padding: 30px;
        padding-top: 0;
    }
}