From 9a13d34fe02bef7e4f736f7fc5ae6f7baf89020a Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Mon, 18 May 2026 13:39:23 +0900
Subject: [PATCH 1/3] [#1224] Redesign 19+ toggle as round circle icon next to
 logo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace the text pill toggle with a compact 20px round circle showing
"19" — red fill + white text when active, muted gray when inactive.
Adds aria-pressed for accessibility.

Fixes #1224

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/NavBar.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index e8aec58..0a21fdb 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -66,18 +66,19 @@ export function NavBar() {
           </span>
         </Link>
 
-        {/* 19+ NSFW toggle pill */}
+        {/* 19+ NSFW toggle — round circle icon */}
         <button
           type="button"
           onClick={toggleNsfw}
-          className={`ml-2 rounded-full px-2 py-0.5 text-[10px] font-bold transition-colors ${
+          className={`ml-1.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full text-[9px] font-bold leading-none transition-colors ${
             showNsfw
-              ? "bg-[oklch(45%_0.18_25)] text-white"
-              : "border border-border text-muted hover:text-foreground"
+              ? "bg-red-600 text-white"
+              : "bg-neutral-700 text-neutral-400 hover:bg-neutral-600 hover:text-neutral-300"
           }`}
           title={showNsfw ? "Hide 19+ content" : "Show 19+ content"}
+          aria-pressed={showNsfw}
         >
-          19+
+          19
         </button>
 
         {/* Desktop nav links */}

From d772c7a339b1ea4d8f0714a65afcaef72445f526 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Mon, 18 May 2026 13:39:43 +0900
Subject: [PATCH 2/3] Bump version to 1.29.2

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0e938ee..96e16d9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "plotlink",
-  "version": "1.29.1",
+  "version": "1.29.2",
   "private": true,
   "workspaces": [
     "packages/*"

From 3ca0297b0c6b9063145f4aab30347c9ac1a354b6 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Mon, 18 May 2026 13:41:48 +0900
Subject: [PATCH 3/3] [#1224] Group logo and 19+ icon in shared flex wrapper

Wraps the logo link and 19+ toggle button in a single flex container
so they always sit adjacent regardless of justify-between layout.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/NavBar.tsx | 62 ++++++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index 0a21fdb..f5e00f6 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -49,37 +49,39 @@ export function NavBar() {
   return (
     <nav className="fixed top-0 right-0 left-0 z-50 border-b border-[var(--border)] bg-[var(--bg)]/95 backdrop-blur-sm">
       <div className="mx-auto flex h-11 max-w-[var(--grid-max)] items-center justify-between px-4">
-        {/* Logo */}
-        <Link
-          href="/"
-          className="flex items-center gap-1.5 transition-opacity hover:opacity-80"
-        >
-          <Image
-            src="/plotlink-logo-symbol.svg"
-            alt=""
-            width={20}
-            height={24}
-            className="h-5 w-auto"
-          />
-          <span className="font-heading text-[20px] font-medium tracking-tight text-foreground">
-            Plot<span className="text-accent">Link</span>
-          </span>
-        </Link>
+        {/* Logo + 19+ toggle cluster */}
+        <div className="flex items-center">
+          <Link
+            href="/"
+            className="flex items-center gap-1.5 transition-opacity hover:opacity-80"
+          >
+            <Image
+              src="/plotlink-logo-symbol.svg"
+              alt=""
+              width={20}
+              height={24}
+              className="h-5 w-auto"
+            />
+            <span className="font-heading text-[20px] font-medium tracking-tight text-foreground">
+              Plot<span className="text-accent">Link</span>
+            </span>
+          </Link>
 
-        {/* 19+ NSFW toggle — round circle icon */}
-        <button
-          type="button"
-          onClick={toggleNsfw}
-          className={`ml-1.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full text-[9px] font-bold leading-none transition-colors ${
-            showNsfw
-              ? "bg-red-600 text-white"
-              : "bg-neutral-700 text-neutral-400 hover:bg-neutral-600 hover:text-neutral-300"
-          }`}
-          title={showNsfw ? "Hide 19+ content" : "Show 19+ content"}
-          aria-pressed={showNsfw}
-        >
-          19
-        </button>
+          {/* 19+ NSFW toggle — round circle icon */}
+          <button
+            type="button"
+            onClick={toggleNsfw}
+            className={`ml-1.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full text-[9px] font-bold leading-none transition-colors ${
+              showNsfw
+                ? "bg-red-600 text-white"
+                : "bg-neutral-700 text-neutral-400 hover:bg-neutral-600 hover:text-neutral-300"
+            }`}
+            title={showNsfw ? "Hide 19+ content" : "Show 19+ content"}
+            aria-pressed={showNsfw}
+          >
+            19
+          </button>
+        </div>
 
         {/* Desktop nav links */}
         <div className="hidden items-center gap-1 md:flex">