Move a warning element down.

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"