From b5688d4848656201a187ff631dc011ae277b5eb8 Mon Sep 17 00:00:00 2001
From: Ilia Denisov <evilcart@gmail.com>
Date: Fri, 19 Jun 2026 09:17:39 +0200
Subject: [PATCH] fix(ui): right-align the confirm-move glyph under the preview
 caption
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The ✅ box already ended at var(--pad) from the screen edge, but place-items:
center centred the glyph inside the 56px box, so it sat ~14px left of the green
preview caption (.scores, text-align:right at the same var(--pad)). Right-align
the glyph (place-items: center end) so its right edge lands under the caption's.
---
 ui/src/game/Game.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/src/game/Game.svelte b/ui/src/game/Game.svelte
index f22d153..f25cc9b 100644
--- a/ui/src/game/Game.svelte
+++ b/ui/src/game/Game.svelte
@@ -1471,14 +1471,16 @@
     min-width: 0;
   }
   /* A borderless icon button (like the tab bar), not a filled accent button — and disabled
-     while the pending word is known to be illegal. */
+     while the pending word is known to be illegal. The glyph is right-aligned within its box so
+     its right edge lands under the right edge of the preview caption above it (both sit at
+     var(--pad) from the screen edge — .status and .rack-row share that padding). */
   .make {
     min-width: 56px;
     background: none;
     color: var(--text);
     border: none;
     display: grid;
-    place-items: center;
+    place-items: center end;
     font-size: 1.8rem;
   }
   .make:disabled {