From f310d36283a966a8747228442197695a598b4da8 Mon Sep 17 00:00:00 2001
From: Tony Yu <itsfishpain@gmail.com>
Date: Tue, 13 Oct 2026 13:47:20 +0800
Subject: [PATCH] ux: right-align version beside Settings; document Gatekeeper
 'Open Anyway' in README

---
 README.md                    | 13 +++++++++++++
 app/renderer/canvas-list.tsx |  7 +++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 66a6210..1c7c38e 100644
--- a/README.md
+++ b/README.md
@@ -58,6 +58,19 @@ npm run package    # → app/dist/Fish Notes-<version>-arm64.dmg (ad-hoc signed)
 The packaged app is ad-hoc signed for local use. It does **not** bundle your API key —
 enter it in Settings after install.
 
+### Opening the app (first launch)
+
+The build is **ad-hoc signed** (no paid Apple Developer account), so macOS Gatekeeper
+shows: *"Apple could not verify 'Fish Notes' is free of malware…"*. This is expected for an
+unsigned app — to open it:
+
+1. Try to open **Fish Notes** once, and let it get blocked.
+2. Open **System Settings → Privacy & Security**, scroll down, and click **"Open Anyway"**
+   next to the Fish Notes message, then confirm.
+
+You only need to do this once. (Alternatively, from Terminal:
+`xattr -dr com.apple.quarantine "/Applications/Fish Notes.app"`.)
+
 ## Development
 
 ```bash
diff --git a/app/renderer/canvas-list.tsx b/app/renderer/canvas-list.tsx
index bb32fb4..4fc2c93 100644
--- a/app/renderer/canvas-list.tsx
+++ b/app/renderer/canvas-list.tsx
@@ -161,12 +161,11 @@ export const CanvasList = (): React.ReactElement => {
       <ListItemButton onClick={() => setSettingsOpen(true)} sx={{ borderRadius: 2, mt: 1, flexGrow: 0 }}>
         <FontAwesomeIcon icon={faGear} style={{ opacity: 0.7 }} />
         <ListItemText primary="Settings" sx={{ ml: 1.5 }} />
+        <Typography variant="caption" sx={{ opacity: 0.4 }}>
+          v{window.appInfo.version}
+        </Typography>
       </ListItemButton>
 
-      <Typography variant="caption" sx={{ textAlign: 'center', opacity: 0.4, mt: 0.5 }}>
-        v{window.appInfo.version}
-      </Typography>
-
       <SettingsDialog open={settingsOpen} onClose={() => setSettingsOpen(false)} />
 
       <Popover