From f6c7bfa66b2cfacde632cb073c5b9ed1e688e028 Mon Sep 17 00:00:00 2001
From: fen <fen@archfox.org>
Date: Thu, 10 Sep 2026 11:33:45 -0500
Subject: [PATCH] Revise notification pill per reopened #168: short text,
 smaller, side placement

- Pill now reads only 'Paste Created' (no combined 'Paste Created - Link Copied')
- Copy fallback toast now says 'Link Copied'
- Pill shrunk (smaller padding/font) and anchored tighter to the right side

Fixes #168
---
 internal/web/static/app.css       | 6 +++---
 internal/web/static/paste.js      | 2 +-
 internal/web/templates/paste.html | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/internal/web/static/app.css b/internal/web/static/app.css
index def498e..0262cc8 100644
--- a/internal/web/static/app.css
+++ b/internal/web/static/app.css
@@ -197,11 +197,11 @@ body {
   border: 1px solid var(--border); border-radius: var(--radius); padding: 5px 8px; background: var(--bg);
   color: var(--fg); font: inherit; font-size: 21.6px; width: 130px;
 }
-/* #168: compact corner notification pill (paste-created feedback) */
+/* #168: compact side notification pill (paste-created feedback) */
 .created-pill {
-  position: fixed; right: 16px; bottom: 16px; z-index: 200;
+  position: fixed; right: 12px; bottom: 12px; z-index: 200;
   background: var(--surface-2); color: var(--ok); border: 1px solid var(--ok);
-  border-radius: var(--radius-sm); padding: 4px 12px; font-size: 13px;
+  border-radius: var(--radius-sm); padding: 2px 8px; font-size: 11.5px;
   opacity: 0; pointer-events: none; transform: translateY(6px);
   transition: opacity .25s ease, transform .25s ease;
   box-shadow: 0 4px 16px rgba(0,0,0,.25);
diff --git a/internal/web/static/paste.js b/internal/web/static/paste.js
index 30a8842..ff74ca1 100644
--- a/internal/web/static/paste.js
+++ b/internal/web/static/paste.js
@@ -25,7 +25,7 @@ function copyContent(btn) {
     clearTimeout(btn._okh);
     btn._okh = setTimeout(() => { btn.classList.remove('ok'); btn.textContent = 'copy'; }, 2000);
   } else {
-    toast('Copied', 'success');
+    toast('Link Copied', 'success');
   }
 }
 function redeem() {
diff --git a/internal/web/templates/paste.html b/internal/web/templates/paste.html
index 1106b93..b907ded 100644
--- a/internal/web/templates/paste.html
+++ b/internal/web/templates/paste.html
@@ -34,7 +34,7 @@
     </div>
   </div>
   {{if .JustCreated}}
-  <div class="created-pill" id="created-pill" role="status">Paste Created · Link Copied</div>
+  <div class="created-pill" id="created-pill" role="status">Paste Created</div>
   {{end}}
   {{if .Attachment}}
   <div class="float">