From 5c14a6d74b0272ffb871e34ed5e156556f230f04 Mon Sep 17 00:00:00 2001
From: Justin Rings <all53703@Justins-MacBook-Pro.local>
Date: Thu, 22 Aug 2024 09:38:55 -0700
Subject: [PATCH] fix style selectors

---
 express/blocks/cards/cards.css | 10 ++++++++--
 express/blocks/cards/cards.js  |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/express/blocks/cards/cards.css b/express/blocks/cards/cards.css
index fe1395a2..fb014e05 100644
--- a/express/blocks/cards/cards.css
+++ b/express/blocks/cards/cards.css
@@ -1,12 +1,18 @@
-main .section.cards-container {
+main .section:has(.card) {
   background-color: #F1F3F4;
   padding-top: 80px;
 }
 
-main .section.cards-container>div>h2:first-of-type {
+main .section:has(.card)>div>h2:first-of-type {
   margin-top: 0;
 }
 
+main .section:has(.content) > div {
+  max-width: 375px;
+  margin: auto;
+  padding: 0;
+}
+
 main .section .cards-container>div,
 main .section .cards-dark-container>div {
   max-width: 870px;
diff --git a/express/blocks/cards/cards.js b/express/blocks/cards/cards.js
index e3f2f299..4aefc163 100644
--- a/express/blocks/cards/cards.js
+++ b/express/blocks/cards/cards.js
@@ -1,11 +1,13 @@
 // eslint-disable-next-line import/no-unresolved
 import { getLibs } from '../../scripts/utils.js';
+import { decorateButtonsDeprecated } from '../../scripts/utils/decorate.js';
 
 const { createTag } = await import(`${getLibs()}/utils/utils.js`);
 /**
  * @param {HTMLDivElement} $block
  */
 export default function decorate($block) {
+  decorateButtonsDeprecated($block);
   $block.querySelectorAll(':scope>div').forEach(($card) => {
     $card.classList.add('card');
     const $cardDivs = [...$card.children];