fix(ResponseActions): Adjust spacing so it's consistent (#584)

rebeccaalpert · web-flow · commit 78c7a1814a77 · 2025-06-17T09:12:01.000-04:00
Previously spacing could vary based on size of parent message - switching to 100% of space.
diff --git a/packages/module/src/Message/TextMessage/TextMessage.scss b/packages/module/src/Message/TextMessage/TextMessage.scss
@@ -3,18 +3,15 @@
 // ============================================================================
 
 .pf-chatbot__message-and-actions {
+  width: 100%;
+
   blockquote {
     .pf-chatbot__message-text {
       display: inline-block;
     }
   }
 }
 
-// make it full width when there's a table, so the table can grow as needed
-.pf-chatbot__message-and-actions:has(.pf-chatbot__message-table) {
-  width: 100%;
-}
-
 // Need to inline shorter text
 .pf-chatbot__message-text {
   width: fit-content;

Original file line number	Diff line number	Diff line change
`@@ -3,18 +3,15 @@`
`3`	`3`	`// ============================================================================`
`4`	`4`
`5`	`5`	`.pf-chatbot__message-and-actions {`
	`6`	`+ width: 100%;`
	`7`	`+`
`6`	`8`	`blockquote {`
`7`	`9`	`.pf-chatbot__message-text {`
`8`	`10`	`display: inline-block;`
`9`	`11`	`}`
`10`	`12`	`}`
`11`	`13`	`}`
`12`	`14`
`13`		`-// make it full width when there's a table, so the table can grow as needed`
`14`		`-.pf-chatbot__message-and-actions:has(.pf-chatbot__message-table) {`
`15`		`- width: 100%;`
`16`		`-}`
`17`		`-`
`18`	`15`	`// Need to inline shorter text`
`19`	`16`	`.pf-chatbot__message-text {`
`20`	`17`	`width: fit-content;`