chore: stack actions on mobile

hashicorp · Sep 28, 2022 · f417b52 · f417b52
1 parent 802a596
commit f417b52
Showing 1 changed file with 7 additions and 1 deletion.
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;
+  }
 }