From 480dc625834d33bc5417d5c4332b78166fe4ca35 Mon Sep 17 00:00:00 2001
From: Ram <ramon@mozillafoundation.org>
Date: Tue, 16 Jul 2024 11:35:03 -0600
Subject: [PATCH] Update `add item` widget button margins in Wagtail edit page
 UI. (#12607)

* Update `.c-sf-add-button` styling to improve association by proximity in Wagtail edit page widgets.

* Increase bottom margin for `Add item` button in CMS page blocks
---
 .../networkapi/wagtailcustomization/static/css/admin.css  | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/network-api/networkapi/wagtailcustomization/static/css/admin.css b/network-api/networkapi/wagtailcustomization/static/css/admin.css
index 3ec0319c307..7c003e8c699 100644
--- a/network-api/networkapi/wagtailcustomization/static/css/admin.css
+++ b/network-api/networkapi/wagtailcustomization/static/css/admin.css
@@ -103,3 +103,11 @@ fieldset ul li div label {
     outline: none !important;
   }
 }
+
+/* Better spacing for `Add item` buttons */
+#wagtail {
+  .c-sf-add-button {
+    margin-top: -0.5em;
+    margin-bottom: 2.5em;
+  }
+}