I always wished the “card” style of list collections had truly separated cards per list item.
I discovered that if add a css class (eg. cardlist) and custom styling (below) to your list collection, you can achieve the look pretty easily!
.cardlist [data-testid*="collection-item"]{
margin-bottom: 10px;
border-radius: 10px;
}
Before and after:
