From d3806e3fd888abf4ebe0c123a13a74d2c3c27b75 Mon Sep 17 00:00:00 2001
From: poojagunturu96 <pgunturu@middlebury.edu>
Date: Fri, 15 Nov 2024 13:26:20 -0600
Subject: [PATCH] update styles and markup to test paragraph--button spacing
 issue

---
 src/scss/_paragraphs.scss                 | 5 ++++-
 src/templates/paragraphs/button.twig      | 6 +++++-
 src/templates/partials/basic-content.twig | 8 ++++++--
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/scss/_paragraphs.scss b/src/scss/_paragraphs.scss
index 6bd9919fc..10ec4ed09 100644
--- a/src/scss/_paragraphs.scss
+++ b/src/scss/_paragraphs.scss
@@ -239,7 +239,10 @@
 
 .paragraph--button {
   margin-bottom: $spacing-7;
-  margin-right: $spacing-4;
+
+  .button:not(:last-child) {
+    margin-right: $spacing-4;
+  }
 
   @include breakpoint(md) {
     margin-bottom: $spacing-8;
diff --git a/src/templates/paragraphs/button.twig b/src/templates/paragraphs/button.twig
index cbefa24a8..f04bc4336 100644
--- a/src/templates/paragraphs/button.twig
+++ b/src/templates/paragraphs/button.twig
@@ -1 +1,5 @@
-<a href="" class="paragraph--button button button--primary">Do something awesome</a>
+<div class="paragraph--button">
+  {% for i in 0..n-1 %}
+    <a href="" class="button button--primary">Do something awesome</a>
+  {% endfor %}
+</div>
diff --git a/src/templates/partials/basic-content.twig b/src/templates/partials/basic-content.twig
index 2cd577901..4ffefe048 100644
--- a/src/templates/partials/basic-content.twig
+++ b/src/templates/partials/basic-content.twig
@@ -90,9 +90,13 @@
 
 	{% include 'paragraphs/text.twig' %}
 
-	{% include 'paragraphs/button.twig' %}
+	{% include 'paragraphs/button.twig' with { 
+    n: 2
+  }%}
 
-	{% include 'paragraphs/button.twig' %}
+	{# {% include 'paragraphs/button.twig' %} #}
+
+   {% include 'paragraphs/two-col-text.twig' %}
 
 	{% include 'paragraphs/text-short.twig' %}