diff --git a/docs/decisions/PROG-120.md b/docs/decisions/PROG-120.md new file mode 100644 index 0000000..7a0e17a --- /dev/null +++ b/docs/decisions/PROG-120.md @@ -0,0 +1,14 @@ +### PROG-120 — Reverted: sidebar titles stay left-aligned + +**Date:** 2026-07-13 + +PROG-120 originally centered every section title in the action page's right +rail (PR #92, merged). The owner judged centering the wrong move on sight and +asked for a revert the same day (PR #92's revert), restoring left-aligned +titles. + +Keep in mind if restyling the rail: **don't re-center these titles.** The +revert also removed the `SIDEBAR_TITLE_CLS` constant that PR #92 introduced; +if a later change wants to unify the status-panel header and `Field` label +styles again (a v04.3-consistency idea that's still fine on its own), reintroduce +the shared constant *without* `text-center`. diff --git a/src/client/pages/ActionPage.tsx b/src/client/pages/ActionPage.tsx index 37a256e..13f73e2 100644 --- a/src/client/pages/ActionPage.tsx +++ b/src/client/pages/ActionPage.tsx @@ -52,12 +52,6 @@ const fmtTime = (iso: string) => const FIELD_ACTION_CLS = "flex min-h-11 items-center text-xs text-adobe hover:underline sm:block sm:min-h-0"; -// The one sidebar-title treatment (PROG-120): every section header in the -// right rail — the status panel's and each Field's — shares this string, so -// the titles can't drift apart again. Centered within the rail; the color is -// per-use (adobe for the status panel, faint ink for plain fields). -const SIDEBAR_TITLE_CLS = "text-center text-xs font-medium uppercase tracking-wide font-mono"; - export default function ActionPage({ snapshot, keyParam, @@ -184,7 +178,7 @@ export default function ActionPage({ link is retired). The header names which kind of thing this page shows: a Step is an action with a parent (PROG-106 chain). */}
-

+

{action.parentActionId ? "Step Status" : "Action Status"}

{/* The buttons live inside IconSelect's control column (PROG-110) @@ -580,7 +574,9 @@ function CheckGlyph() { function Field({ label, children }: { label: string; children: React.ReactNode }) { return (
-

{label}

+

+ {label} +

{children}
);