fix: ignore button now says 'ignore' instead of X icon

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

@@ -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 {

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('');