chore(ConsentManager): stack actions on mobile (#729)

* chore: stack actions on mobile * chore: add changeset
hashicorp · Oct 5, 2022 · 13a6f0d · 13a6f0d · vercel · Oct 5, 2022
1 parent 28a11e5
commit 13a6f0d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/serious-experts-smoke.md b/.changeset/serious-experts-smoke.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-consent-manager': minor
+---
+
+stack actions on mobile
diff --git a/packages/consent-manager/components/dialog.module.css b/packages/consent-manager/components/dialog.module.css
@@ -162,10 +162,16 @@
 
 .dialogFooter {
   display: flex;
+  flex-direction: column;
   justify-content: flex-end;
   flex-shrink: 0;
   padding: 24px;
-  gap: 24px;
+  column-gap: 24px;
+  row-gap: 12px;
   background-color: var(--wpl-neutral-0);
   border-top: 1px solid var(--wpl-neutral-200);
+
+  @media (min-width: 420px) {
+    flex-direction: row;
+  }
 }