Inline encouragements with the submit button, vertically centered

Was stacked vertically; now a row (encouragements left, button right, center-aligned), falling back to the stacked layout under 640px where a row would get cramped. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-06 13:03:43 +02:00
parent a200161334
commit 400316f622
2 changed files with 18 additions and 8 deletions
@@ -770,11 +770,13 @@ fn AlternativeCard(
                .then(|| {
                    view! {
                        <div class="alt-cta">
-                            <For
-                                each=move || alternative.encouragements.clone()
-                                key=|e| e.clone()
-                                children=move |e| view! { <p class="alt-encouragement">{e}</p> }
-                            />
+                            <div class="alt-encouragements">
+                                <For
+                                    each=move || alternative.encouragements.clone()
+                                    key=|e| e.clone()
+                                    children=move |e| view! { <p class="alt-encouragement">{e}</p> }
+                                />
+                            </div>
                            <form on:submit=on_submit>
                                <button
                                    type="submit"