From 81fee8299c9694be99f6c84d15a60a8c77bc7624 Mon Sep 17 00:00:00 2001
From: Lucas Winther <lucwin@ece.au.dk>
Date: Thu, 22 Oct 2026 17:53:36 +0200
Subject: [PATCH] fix(settings): put a version's source and note under its date

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/client/components/redesign/GameSettings.tsx |  2 +-
 src/client/redesign.css                         | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/client/components/redesign/GameSettings.tsx b/src/client/components/redesign/GameSettings.tsx
index 37fd1e3..eb251a5 100644
--- a/src/client/components/redesign/GameSettings.tsx
+++ b/src/client/components/redesign/GameSettings.tsx
@@ -196,7 +196,7 @@ export function GameSettings({
               // Spec 2026-10-22: only a recorded end is a date; the rest is an estimate.
               <div className="trow">
                 <span>Version {version.number ?? "now"}</span>
-                <span>
+                <span className="version-end">
                   {version.end !== undefined
                     ? `ends ${formatInZone(version.end, true, zone)} (in ${formatRemaining(version.end - now)})`
                     : version.estimate !== undefined
diff --git a/src/client/redesign.css b/src/client/redesign.css
index f7e8daa..34df6b6 100644
--- a/src/client/redesign.css
+++ b/src/client/redesign.css
@@ -4568,6 +4568,21 @@ dialog.archive-detail {
 .game-about .trow b {
   font-weight: 600;
 }
+/* A version row's source and note sit under its date, not beside it. */
+.game-about .trow .version-end {
+  text-align: right;
+}
+.game-about .trow .version-end small {
+  display: block;
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--color-muted);
+}
+.game-about .trow .version-end a {
+  color: var(--color-near);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
 .settings-content .game-about .game-source {
   max-width: none;
   margin: 0;