Subscribe Block: Subscribe button too wide

[kean]

Impacted plugin

Jetpack

Quick summary

Visual defect. "Type you email..." field it to small compared to the "Subscibe" button that takes most of the horizontal space.

The block appear OK in the preview.

Steps to reproduce

Firefox, Safari

Site owner impact

Fewer than 20% of the total website/platform users

Severity

Minor

What other impact(s) does this issue have?

No response

If a workaround is available, please outline it here.

No response

Platform (Simple and/or Atomic)

No response

[github-actions]

OpenAI suggested the following labels for this issue:

• [Feature Group] User Interaction & Engagement: The issue directly affects user interaction by making the subscription button less accessible, potentially impacting user engagement.
• [Feature] Subscriptions: The problem relates to the subscribe button associated with email signups, making it crucial to indicate subscription-related functionality.
• [Feature] Forms Blocks: The issue involves the layout of form input elements, which falls under the category of forms designed for user input and engagement.

[Robertght]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Replicated
• Replicable outside of Dotcom – Yes

📌 FINDINGS/SCREENSHOTS/VIDEO

• I was able to replicate this on a self-hosted site using Jetpack and observed that the block behaves like the field input has 100% width when it's actually not even selected in the block settings, but it looks ok in the frontend.

📌 ACTIONS

• Triaged

[davemart-in]

Let's see if we can create a quick PR to fix this.