From cd99af2cc12046804d1356a9f082829dac6d0c2d Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Fri, 17 Apr 2026 12:31:57 +0100
Subject: [PATCH 1/2] ui(installer): centre the one-liner box and add vertical
 breathing room

The `.max-w-xl` quick-install container sat flush-left against the
hero copy with only `mt-4` above it, so on wider viewports it
hugged the left gutter and crowded the subhead. Add `mx-auto` to
centre it within the `.wrap`, `my-8` to give it clear vertical
separation from the paragraph above and the demo gif below, and
`p-2` to pad the tab/command/caption stack away from the border.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/InstallOneLiner.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/InstallOneLiner.tsx b/src/components/InstallOneLiner.tsx
index 457ae43..39e271b 100644
--- a/src/components/InstallOneLiner.tsx
+++ b/src/components/InstallOneLiner.tsx
@@ -38,7 +38,7 @@ export const InstallOneLiner = () => {
         }
     };
 
-    return <div className="mt-4 rounded border border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 overflow-hidden max-w-xl">
+    return <div className="my-8 mx-auto p-2 rounded border border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 overflow-hidden max-w-xl">
         <div className="flex text-sm">
             {(Object.keys(ONE_LINERS) as OS[]).map((key) => {
                 const active = os === key;

From 6ddcd30ba4a1119f20557101f53a5511c434d7a6 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Fri, 17 Apr 2026 13:05:44 +0100
Subject: [PATCH 2/2] fix(plugins): show last-modified date on plugin cards
 instead of first-published
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The date next to each plugin's version was rendered from
\`plugins.time\` — the npm first-publish timestamp, which stays fixed
for the lifetime of the package. That's why actively-maintained
plugins like ep_list_pads (first published 2025-08-25, last modified
2026-04-15) were reading as "8 months ago" on /plugins even though
a new version shipped two days earlier.

Render \`plugins.modified\` (npm last-publish timestamp) instead, so
the card reflects actual recency. Exact ISO date is kept as a tooltip
for anyone who wants it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/Plugin.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Plugin.tsx b/src/components/Plugin.tsx
index 0a0cf35..758b15e 100644
--- a/src/components/Plugin.tsx
+++ b/src/components/Plugin.tsx
@@ -55,7 +55,7 @@ export const PluginCom: FC<PluginProps> = ({plugins}) => {
                 <small className="align-text-bottom text-gray-400 mt-[3px]">{plugins.version}</small>
             </div>
             <div className="grow"></div>
-            {plugins.time && <div className="mr-5 mt-[0.3rem]">{formatTime(plugins.time)}</div>}
+            {plugins.modified && <div className="mr-5 mt-[0.3rem]" title={`Last updated ${plugins.modified}`}>{formatTime(plugins.modified)}</div>}
             <div className="w-10 flex items-center mr-2">
                 <div className="w-10 border-[1px] border-white"
                      title={(plugins.downloads) + " downloads"}>