MWPW-160549: Chat CTA bug fixes (#258)

* Some small CSS changes to fix layout
adobecom · Oct 28, 2024 · 01f2a07 · 01f2a07
1 parent 94a0e5c
commit 01f2a07
Showing 1 changed file with 10 additions and 2 deletions.
diff --git 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;