From aeaa4b9b1d67488eff16b5e9c8840dd155ead104 Mon Sep 17 00:00:00 2001
From: Ram <ramon@mozillafoundation.org>
Date: Thu, 13 Jun 2024 12:16:40 -0600
Subject: [PATCH] Fix horizontal scrolling on pages including Streamfield
 ImageText block (#12444)

* Fix horizontal scroll on specific blocs by calculating a pixel less than bs vs tw resolves.

* Moved fix code to bottom of file and added descriptive comment.

* Update `image_text` block to fix extra pixel in margin for `tw-row` classes.

* Specify the viewport in which the fix is applied in order to avoid modifying medium and large screens current margins.
---
 .../wagtailpages/templates/wagtailpages/blocks/image_text.html  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/network-api/networkapi/wagtailpages/templates/wagtailpages/blocks/image_text.html b/network-api/networkapi/wagtailpages/templates/wagtailpages/blocks/image_text.html
index 1630ba13bec..e1a42a20cb1 100644
--- a/network-api/networkapi/wagtailpages/templates/wagtailpages/blocks/image_text.html
+++ b/network-api/networkapi/wagtailpages/templates/wagtailpages/blocks/image_text.html
@@ -2,7 +2,7 @@
 {% load l10n wagtailcore_tags wagtailimages_tags %}
 
 {% block block_content %}
-    <div class="tw-row tw-my-8">
+    <div class="tw-row tw-my-8 !tw-mr-[calc(-1rem+1px)] small:!tw-mr-[-1rem]">
         {% if value.small %}
             <div class="tw-w-full tw-px-8 tw-flex tw-flex-nowrap">
                 <div class="tw-mr-6 tw-shrink-0 tw-w-24">