From e297b56ed06b3c28d75aa3d4fea2a9866c422bde Mon Sep 17 00:00:00 2001
From: kmurphychi247 <82771690+kmurphychi247@users.noreply.github.com>
Date: Thu, 22 Feb 2024 09:16:23 -0600
Subject: [PATCH] updates side by side template (#19)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: “Kerry <“kmurphychi@gmail.com”>
---
 .../paragraph--sa-side-by-side.html.twig      | 60 +++++++++++--------
 1 file changed, 34 insertions(+), 26 deletions(-)

diff --git a/templates/overrides/paragaphs/paragraph--sa-side-by-side.html.twig b/templates/overrides/paragaphs/paragraph--sa-side-by-side.html.twig
index 99bd45b..1940168 100644
--- a/templates/overrides/paragaphs/paragraph--sa-side-by-side.html.twig
+++ b/templates/overrides/paragaphs/paragraph--sa-side-by-side.html.twig
@@ -48,57 +48,65 @@
 %}
 {% set sa_reverse_order = 0 %}
 {% if content.sa_reverse_order['#items'].value == 1 %}
-  {% set sa_reverse_order = true %}
+	{% set sa_reverse_order = true %}
 {% endif %}
 
 {% set textleft = '' %}
 {% if sa_reverse_order %}
-  {% set textleft = ' flex-row-reverse' %}
+	{% set textleft = 'flex-row-reverse' %}
 {% endif %}
 
 {% set container_class_string = '' %}
 {% if paragraph.sa_width.value is not empty %}
-  {% set container_class_string = ' ' ~ paragraph.sa_width.value %}
+	{% set container_class_string = paragraph.sa_width.value %}
 {% endif %}
 
 {% set col_class_string = '' %}
 {% if paragraph.sa_col.value is not empty %}
-  {% set col_class_string = ' ' ~ paragraph.sa_col.value %}
+	{% set col_class_string = paragraph.sa_col.value %}
 {% endif %}
 
 {% set margin_class_string = '' %}
 {% if paragraph.sa_margin.value is not empty %}
-  {% set margin_class_string = ' ' ~ paragraph.sa_margin.value %}
+	{% set margin_class_string = paragraph.sa_margin.value %}
 {% endif %}
 
 {% set padding_class_string = '' %}
 {% if paragraph.sa_padding.value is not empty %}
-  {% set padding_class_string = ' ' ~ paragraph.sa_padding.value %}
+	{% set padding_class_string = paragraph.sa_padding.value %}
 {% endif %}
 
 {% set bg_class_string = '' %}
 {% if paragraph.sa_background.value is not empty %}
-  {% set bg_class_string = ' ' ~ paragraph.sa_background.value %}
+	{% set bg_class_string = paragraph.sa_background.value %}
 {% endif %}
 
 {% block paragraph %}
-  <div{{attributes.addClass(classes)}}>
-    <div class="{{ container_class_string }}{{ bg_class_string }}{{ margin_class_string }}{{ padding_class_string }}">
-      <div class="row justify-content-center{{ textleft }}">
-        <div class="align-self-center col-md-6">
-          {% if content.sa_media is not empty %}
-            {{ content.sa_media }}
-          {% endif %}
-        </div>
-        <div class="align-self-center col-md-6">
-          {% if content.sa_header is not empty %}
-            {{ content.sa_header }}
-          {% endif %}
-          {% if content.sa_description is not empty %}
-            {{ content.sa_description }}
-          {% endif %}
-        </div>
-      </div>
-    </div>
-  </div>
+	<div{{attributes.addClass(classes)}}>
+		<div class="{{ container_class_string }} {{ bg_class_string }} {{ margin_class_string }} {{ padding_class_string }}">
+			<div class="row justify-content-center {{ textleft }}">
+				{% if col_class_string is not empty %}
+					<div class="{{ col_class_string }}">
+						<div class="row">
+						{% endif %}
+						<div class="align-self-center col-md-6">
+							{% if content.sa_media is not empty %}
+								{{ content.sa_media }}
+							{% endif %}
+						</div>
+						<div class="align-self-center col-md-6">
+							{% if content.sa_header is not empty %}
+								{{ content.sa_header }}
+							{% endif %}
+							{% if content.sa_description is not empty %}
+								{{ content.sa_description }}
+							{% endif %}
+						</div>
+						{% if col_class_string is not empty %}
+						</div>
+					</div>
+				{% endif %}
+			</div>
+		</div>
+	</div>
 {% endblock paragraph %}