From 95a4f28d99a0621c331f8732eb219b7cee83c224 Mon Sep 17 00:00:00 2001
From: andrewetchen <andrew.etchen@shopify.com>
Date: Mon, 2 May 2022 15:15:21 -0400
Subject: [PATCH] CSS updates for multiple buttons

---
 assets/section-rich-text.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/assets/section-rich-text.css b/assets/section-rich-text.css
index b450ae1c482..e2ac8c942d2 100644
--- a/assets/section-rich-text.css
+++ b/assets/section-rich-text.css
@@ -63,8 +63,18 @@
   justify-content: center;
   flex-wrap: wrap;
   gap: 1rem;
-  word-break: break-word;
   width: 100%;
+  max-width: 45rem;
+  word-break: break-word;
+}
+
+.rich-text__buttons--multiple > * {
+  flex-grow: 1;
+  min-width: 22rem;
+}
+
+.rich-text__buttons + .rich-text__buttons {
+  margin-top: 1rem;
 }
 
 .rich-text__blocks.left .rich-text__buttons {