/* Keep the recipe action column visible instead of collapsing off-screen. */
.recipe-ingredients-wrap { margin-top: 18px; overflow-x: auto; }
.recipe-ingredients-table { table-layout: fixed; min-width: 0; }
.recipe-ingredients-table th:first-child { width: auto; }
.recipe-ingredients-table .recipe-quantity-heading { width: 150px; }
.recipe-ingredients-table .recipe-remove-heading,
.recipe-ingredients-table .recipe-remove-cell { width: 118px; min-width: 118px; text-align: center; }
.recipe-ingredients-table .recipe-material,
.recipe-ingredients-table .recipe-quantity { width: 100%; min-width: 0; }
.recipe-ingredients-table .recipe-remove-cell { white-space: nowrap; }
.recipe-ingredients-table .recipe-remove-cell .button { width: 100%; padding-inline: 7px; }
@media (max-width: 560px) {
  .recipe-ingredients-table { min-width: 560px; }
  .recipe-ingredients-table .recipe-quantity-heading { width: 135px; }
  .recipe-ingredients-table .recipe-remove-heading,
  .recipe-ingredients-table .recipe-remove-cell { width: 112px; min-width: 112px; }
}