Updated to fix cta button breaking

hlxsites · Nov 30, 2023 · f35a576 · f35a576
1 parent eac5e4d
commit f35a576
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/blocks/call-to-action/call-to-action.js b/blocks/call-to-action/call-to-action.js
@@ -3,7 +3,7 @@ import { decorateModals } from '../../scripts/scripts.js';
 export default function decorate(block) {
   block.classList.add(...'ctasection mx-auto max-w-7xl pt-6 lg:py-8'.split(' '));
   block.querySelector(':scope div > div').classList.add(...'md:flex space-y-8 md:space-y-0 md:flex-row w-full py-8 md:py-16 md:px-12 px-6 items-center md:justify-between bg-danaherpurple-800'.split(' '));
-  block.querySelector('h2')?.classList.add(...'text-2xl p-0 m-0 tracking-tight sm:text-3xl text-white font-normal tracking-wide'.split(' '));
+  block.querySelector('h2')?.classList.add(...'text-2xl p-0 m-0 tracking-tight sm:text-3xl text-white font-normal tracking-wide max-w-sm lg:max-w-2xl'.split(' '));
   block.querySelectorAll('p > a').forEach((a) => {
     a.classList.add(...'btn-outline-trending-brand text-lg rounded-full px-6 py-3 !no-underline'.split(' '));
     if (a.href.includes('#request-quote')) {

diff --git a/styles/styles.css b/styles/styles.css
@@ -4309,6 +4309,10 @@ main .default-content-wrapper ul {
         width: 20rem;
     }
 
+    .lg\:max-w-2xl {
+        max-width: 42rem;
+    }
+
     .lg\:max-w-4xl {
         max-width: 56rem;
     }