CSS updates for multiple buttons

Shopify · May 2, 2022 · 95a4f28 · 95a4f28
1 parent da9c9df
commit 95a4f28
Showing 1 changed file with 11 additions and 1 deletion.
diff --git 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 {