From 4e365c168f601a79851b0ff56d5a7537b400aa49 Mon Sep 17 00:00:00 2001
From: Eric Wagoner <ewagoner@gmail.com>
Date: Sun, 16 Aug 2026 20:49:52 -0400
Subject: [PATCH] The workshop row learns to wrap

The lobby's automaton row was a no-wrap inline-flex: at card width the
"seat a" label collapsed to a vertical sliver and the MYSTERY button
ran clean off the paper. The row now wraps centered within the card
and the label holds one line.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 packages/web/src/App.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/App.svelte b/packages/web/src/App.svelte
index b6aca5d..3bdf21b 100644
--- a/packages/web/src/App.svelte
+++ b/packages/web/src/App.svelte
@@ -1110,7 +1110,7 @@
         {#if net.you === net.hostId}
           {#if net.players.length < 6}
             <span class="bot-row">
-              ⚙ seat a
+              <span class="bot-label">⚙ seat a</span>
               <select class="tier-pick" bind:value={botTier} aria-label="automaton difficulty">
                 <option value="apprentice">apprentice</option>
                 <option value="adept">adept</option>
@@ -2126,12 +2126,16 @@
     padding: 0.1rem 0.25rem;
   }
   .bot-row {
-    display: inline-flex;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
     align-items: center;
     gap: 0.35rem;
+    max-width: 100%;
     font-size: 0.85rem;
     color: #6b5a41;
   }
+  .bot-label { white-space: nowrap; }
   .discard-link {
     background: none;
     border: none;