From c5239609c14d2a6ef424b29e91d193990b316be6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 26 Mar 2026 22:34:30 +0000
Subject: [PATCH] fix: ignore button now says 'ignore' instead of X icon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The X icon looked like a dismiss/close button (temporary). Changed to
a small 'IGNORE' text link that clearly communicates the action is
permanent — the value will never be flagged again.

https://claude.ai/code/session_01SWSwDfMVij53bCTNSCLMwn
---
 src/content/content.css | 18 +++++++-----------
 src/content/content.js  |  2 +-
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/content/content.css b/src/content/content.css
index be1beda..8f287d9 100644
--- a/src/content/content.css
+++ b/src/content/content.css
@@ -222,21 +222,17 @@
 
 .ss-ps-ignore {
   background: none;
-  border: 1px solid #6b7280;
-  border-radius: 4px;
-  color: #9ca3af;
-  font-size: 11px;
-  width: 24px;
-  height: 24px;
+  border: none;
+  color: #6b7280;
+  font-size: 9px;
   cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   flex-shrink: 0;
-  padding: 0;
+  padding: 2px 4px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
 }
 
-.ss-ps-ignore:hover { background: rgba(156, 163, 175, 0.15); color: #e5e7eb; }
+.ss-ps-ignore:hover { color: #e5e7eb; text-decoration: underline; }
 
 /* Floating reveal mode indicator */
 .ss-reveal-badge {
diff --git a/src/content/content.js b/src/content/content.js
index d1df9e9..35b4915 100644
--- a/src/content/content.js
+++ b/src/content/content.js
@@ -1651,7 +1651,7 @@
         ${settings.autoAddDetected !== false
           ? `<button class="ss-ps-add" data-real="${encodeURIComponent(w.value)}" data-fake="${encodeURIComponent(fake)}" data-cat="${w.category}" title="Add mapping: ${displayVal} → ${fake}">+</button>`
           : ''}
-        <button class="ss-ps-ignore" data-value="${encodeURIComponent(w.value)}" title="Ignore — stop flagging this value">&#10005;</button>
+        <button class="ss-ps-ignore" data-value="${encodeURIComponent(w.value)}" title="Never flag this value again">ignore</button>
       </div>`;
     }).join('');