diff --git a/src/components/cards/card.css b/src/components/cards/card.css index 9e14a1fb2a6..c16d9b26ec3 100644 --- a/src/components/cards/card.css +++ b/src/components/cards/card.css @@ -153,7 +153,7 @@ display: flex; flex-direction: row; justify-content: space-around; - padding: 0 0.5rem 0.5rem; + padding: 0 1rem 0.5rem; } .deck { @@ -167,7 +167,7 @@ } .deck-image { - width: 130px; + width: 200px; height: 100px; object-fit: cover; } @@ -180,6 +180,7 @@ text-align: center; font-weight: bold; text-align: center; + max-width: 200px; } .help-icon, .close-icon { diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx index f12baa3de8c..8e2c40ac364 100644 --- a/src/components/cards/cards.jsx +++ b/src/components/cards/cards.jsx @@ -152,7 +152,7 @@ const PreviewsStep = ({deckIds, content, onActivateDeckFactory, onShowAll}) => ( />
- {deckIds.map(id => ( + {deckIds.slice(0, 2).map(id => (