Stack Impulse & Tipps hero's email CTA below sm: for consistency

Input and button were a fixed row at every width, squeezing together on a narrow phone — now flex-col sm:flex-row, full width when stacked, same pattern as Challenge's EmailCapture and the other mail CTAs already fixed.
2026-07-24 20:07:50 +00:00
parent 4f95a347dc
commit b1b1aa2037
1 changed files with 8 additions and 1 deletions
@@ -116,7 +116,14 @@ export function WeeklyImpulsesHero() {
              </p>
            ) : (
              <form onSubmit={handleSubmit} className="flex flex-col gap-3 items-start w-full">
-                <div className="flex gap-3 items-start w-full sm:w-auto">
+                {/* flex-col sm:flex-row, no items-start at the base tier —
+                    stacks full-width below sm: (default align-items:
+                    stretch is what makes the button fill the row once
+                    stacked), same pattern as /challenge's EmailCapture.
+                    Was a fixed row at every width before, squeezing input
+                    + button together on a narrow phone (fixed 2026-07-24,
+                    consistency with the other mail CTAs). */}
+                <div className="flex flex-col sm:flex-row sm:items-start gap-3 w-full">
                  <input
                    ref={emailRef}
                    type="email"