supercook.com Tweaks by sethfalco

/* ==UserStyle==
@name         supercook.com Tweaks
@version      20230407.14.04
@namespace    userstyles.world/user/sethfalco
@description  Subjective improvements to SuperCook to make the website more pleasant to consume.

* Make a flexible number of items per row, rather than the fixed 2.
* Make the separation between the background and cards more visible.
* Add a gap between grid items.
@author       sethfalco
@license      CC Zero
==/UserStyle== */
@-moz-document domain("supercook.com") {
  .ipadgrid {
    display: flex;
    flex-wrap: wrap;
  }

  .ipadgrid > div {
    margin: .5em;
    width: 512px;
    flex-grow: 1;
  }

  .wrapper,
  .wrapper-fixed-group {
    background-color: #f7f8f9;
  }

  .product-list-item-desktop,
  .ingredients-category-item {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 1em;
  }
}