.table-header-controls .btn {
    white-space: nowrap;
}

.table-header-controls .color-input {
    width: 120px;
    min-width: 100px;
}

@media (max-width: 768px) {
    #card-table .card-header {
        flex-direction: column;
        align-items: stretch;
    }

    #card-table .card-header h5 {
        margin-bottom: 0.5rem;
    }

    .table-header-controls {
        width: 100%;
        justify-content: space-between;
    }
}