/* Five filter columns at the grid's 16.667% fill 10 of 12, and the ~260px the
   action buttons want ("Decommission" plus its overflow menu) does not fit in
   the 2 columns left over once the row's own padding is counted. Being a
   wrapping flex row, the buttons broke onto a line of their own with the
   filters left short — visible on /devices the moment the status filter turns
   the short "Unlink" button into "Decommission".

   Keeping the row on one line and letting the fields give up the difference is
   better than wrapping: the selects ellipsize their value already, so they lose
   nothing but slack. Shrinking only kicks in when the line actually overflows,
   so a row whose actions are just an overflow menu is left exactly as it was.
   The floor stops a very wide button from collapsing the fields to nothing.

   Scoped to xl and up: below that the columns are md-4 and wrapping is the
   intended layout. */
@media (min-width: 1200px) {
    .mc-filter-row-tight {
        flex-wrap: nowrap;
    }

    .mc-filter-row-tight > .col-xl-2 {
        flex-shrink: 1;
        min-width: 130px;
    }
}