Refactor/design review action group alignment (#712)

closes #693
nl-design-system · Sep 30, 2024 · fe6e99c · fe6e99c
1 parent 859b2ba
commit fe6e99c
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/components-css/action-group/index.scss b/packages/components-css/action-group/index.scss
@@ -1,4 +1,11 @@
 .utrecht-button-group {
   column-gap: var(--utrecht-button-group-column-gap, 0.5rem);
   row-gap: var(--utrecht-button-group-row-gap, 0.5rem);
+  @media (width <= 768px) {
+    flex-direction: column;
+    .utrecht-button,
+    .utrecht-button-link {
+      min-inline-size: 100%;
+    }
+  }
 }