diff --git a/CHANGELOG.md b/CHANGELOG.md index cdb12eae..c4071cf0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -83,7 +83,8 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). cover, what it holds and any problems before anything changes, then offers what fits: INSTALL, BRING IT BACK for one deleted here, UPDATE for one already here, or REPLACE, which asks first when the copy here was changed, always beside KEEP BOTH. A name already taken is shown as the - copy name it will get. + copy name it will get. The place to choose or drop a file is roomier and sits centered in its + folder. - **What the SYSTEMS.EXE window will say.** The badges on each system (RUNNING, PUBLISHED v3, UNPUBLISHED CHANGES, a problem count, INSTALLED), the facts beside the one picked, and, for a file diff --git a/frontend/src/components/SystemsWindow.tsx b/frontend/src/components/SystemsWindow.tsx index c0cc8e98..b739a029 100644 --- a/frontend/src/components/SystemsWindow.tsx +++ b/frontend/src/components/SystemsWindow.tsx @@ -184,7 +184,7 @@ function InstallPanel({ api, onInstalled }: { api: Api; onInstalled: (id: string onDragLeave={() => setDragging(false)} onDrop={(e) => { e.preventDefault(); setDragging(false); read(e.dataTransfer.files[0]); }} style={{ - border: `1px dashed var(--green)`, padding: 12, textAlign: 'center', fontSize: 11, letterSpacing: 1, cursor: 'pointer', + border: `1px dashed var(--green)`, padding: '24px 12px', textAlign: 'center', fontSize: 11, letterSpacing: 1, cursor: 'pointer', background: dragging ? 'color-mix(in srgb, var(--green) 12%, transparent)' : 'none', }} > @@ -521,7 +521,9 @@ export function SystemsWindow({ token, running, pos, setPos, onClose, fetcher }: } {folder === 'new' && } {folder === 'install' && } -
+ {/* Always there, so a screen reader hears each new line; with nothing to say it takes + no room, gap included, so what is above it sits centered in the panel. */} +
{status?.text ?? ''}