From 01f2a07ee84801db563d15beba3b7c4c0aeb6068 Mon Sep 17 00:00:00 2001
From: Jason Slavin <slavin.jhs@gmail.com>
Date: Mon, 28 Oct 2024 09:01:12 -0700
Subject: [PATCH] MWPW-160549: Chat CTA bug fixes (#258)

* Some small CSS changes to fix layout
---
 blocks/chat-cta/chat-cta.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/blocks/chat-cta/chat-cta.css b/blocks/chat-cta/chat-cta.css
index 1b4b0ed..f7c055b 100644
--- a/blocks/chat-cta/chat-cta.css
+++ b/blocks/chat-cta/chat-cta.css
@@ -72,6 +72,10 @@
   margin-bottom: var(--spacing-xs);
 }
 
+.dialog-modal.chat-cta .icon-block:not(.small.full-width) .foreground .text-content .action-area {
+  display: block;
+}
+
 .cta-hidden {
   display: none;
 }
@@ -124,6 +128,10 @@
     width: 100%;
   }
 
+  .chat-cta .icon-block .cta-container {
+    margin-top: var(--spacing-xxs);
+  }
+
   .dialog-modal.chat-cta {
     position: fixed;
     right: 0;
@@ -157,12 +165,12 @@
   .dialog-modal.chat-cta .section .foreground .text-content p:not(.action-area) {
     font-size: var(--type-body-xxs-size);
     line-height: var(--type-body-xxs-lh);
-    margin-bottom: var(--spacing-xs);
+    margin-bottom: var(--spacing-xxs);
   }
 
   .dialog-modal.chat-cta .section .text-content {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     justify-content: flex-start;
     align-content: flex-start;
     text-align: left;