PXBF-dev: adjust width on buttons across screen widths

GSA · Aug 30, 2024 · 903654b · 903654b
1 parent c5e7c9b
commit 903654b
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/benefit-finder/src/shared/components/LifeEventSection/_index.scss b/benefit-finder/src/shared/components/LifeEventSection/_index.scss
@@ -35,13 +35,28 @@
     min-width: rem(120px);
   }
 
-  .bf-usa-button:first-of-type {
-    margin-right: space.$space-lg-plus;
+  .bf-usa-modal-group {
+    width: 100%;
   }
 
   button,
   .bf-usa-modal-group a {
-    margin-bottom: space.$space-md;
+    margin: 0;
+  }
+
+  @media (width >= $tablet) {
+    .bf-usa-button:first-of-type {
+      margin-right: space.$space-lg-plus;
+    }
+
+    .bf-usa-modal-group {
+      width: auto;
+    }
+
+    button,
+    .bf-usa-modal-group a {
+      margin-bottom: space.$space-md;
+    }
   }
 }