From 2fa38ffcc426c7273bfdfb46ec915585e7018a69 Mon Sep 17 00:00:00 2001
From: Douglas <douglas.henri@automattic.com>
Date: Fri, 10 Jul 2026 16:02:38 -0300
Subject: [PATCH 1/2] Forms: keep Form Responses admin bar link visible on
 mobile (DSGCOM-595)

WordPress core hides all non-allowlisted top-level admin bar items below
782px, dropping the custom jetpack-forms quick link. Re-show it and size
the icon to match the native mobile items (52px box, centered 28px glyph).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../forms/src/contact-form/class-contact-form.php      | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/projects/packages/forms/src/contact-form/class-contact-form.php b/projects/packages/forms/src/contact-form/class-contact-form.php
index de79f533b97b..05ca7006bff7 100644
--- a/projects/packages/forms/src/contact-form/class-contact-form.php
+++ b/projects/packages/forms/src/contact-form/class-contact-form.php
@@ -1310,6 +1310,16 @@ public static function add_quick_link_to_admin_bar( \WP_Admin_Bar $admin_bar ) {
 				),
 			)
 		);
+
+		// On viewports <=782px, WordPress core hides every top-level admin bar item except a hardcoded
+		// allowlist of core nodes, so our custom node disappears. Re-show it and size the icon to match the
+		// native items (52px-wide box, centered ~28px glyph). The `.ab-icon` overrides use !important because
+		// the SVG carries its desktop sizing in an inline style attribute, which otherwise wins the cascade.
+		echo '<style>@media screen and (max-width: 782px){' .
+			'#wpadminbar li#wp-admin-bar-jetpack-forms{display:block;}' .
+			'#wpadminbar li#wp-admin-bar-jetpack-forms>.ab-item{display:flex;align-items:center;justify-content:center;width:52px;padding:0;}' .
+			'#wpadminbar li#wp-admin-bar-jetpack-forms .ab-icon{width:28px!important;height:28px!important;top:0!important;margin:0!important;}' .
+			'}</style>';
 	}
 
 	/**

From 8074f6abe2f867c38a3cb46e870b4ed0c9f46502 Mon Sep 17 00:00:00 2001
From: Douglas <douglas.henri@automattic.com>
Date: Fri, 10 Jul 2026 16:02:47 -0300
Subject: [PATCH 2/2] changelog: Forms mobile admin bar fix

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../changelog/fix-dsgcom-595-form-responses-masterbar-mobile  | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 projects/packages/forms/changelog/fix-dsgcom-595-form-responses-masterbar-mobile

diff --git a/projects/packages/forms/changelog/fix-dsgcom-595-form-responses-masterbar-mobile b/projects/packages/forms/changelog/fix-dsgcom-595-form-responses-masterbar-mobile
new file mode 100644
index 000000000000..e424157c6f97
--- /dev/null
+++ b/projects/packages/forms/changelog/fix-dsgcom-595-form-responses-masterbar-mobile
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Fix the Form Responses quick link disappearing from the admin bar on mobile viewports, and align its icon with the native items.