From ce70b1d89f1fed44706047bcb8cd2328249d69be Mon Sep 17 00:00:00 2001
From: Greyson Parrelli <greyson@signal.org>
Date: Thu, 23 Jul 2026 21:28:06 -0400
Subject: [PATCH] Move a warning element down.

---
 web/src/components/ArrangePhase.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/components/ArrangePhase.tsx b/web/src/components/ArrangePhase.tsx
index 4bb8166..bfe83f0 100644
--- a/web/src/components/ArrangePhase.tsx
+++ b/web/src/components/ArrangePhase.tsx
@@ -193,13 +193,6 @@ export function ArrangePhase({ view, you, send }: Props) {
       <p className="hint">
         The <strong>rightmost</strong> card fights first. Food cards power up the
         next pet to their <strong>left</strong>.
-        {trailingFoods > 0 && (
-          <span className="warn-text">
-            {' '}
-            ⚠️ {trailingFoods} food card{trailingFoods > 1 ? 's' : ''} on the far
-            left will be wasted!
-          </span>
-        )}
       </p>
 
       <div
@@ -282,6 +275,13 @@ export function ArrangePhase({ view, you, send }: Props) {
         </svg>
       </div>
 
+      {trailingFoods > 0 && (
+        <p className="hint warn-text">
+          ⚠️ {trailingFoods} food card{trailingFoods > 1 ? 's' : ''} on the far
+          left will be wasted!
+        </p>
+      )}
+
       <div className="actions">
         <button
           className="btn btn-primary btn-big"