From c4046cc0a0c5193d1ab671ea7d1fbcdc54b4a847 Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Wed, 27 May 2026 09:33:55 +0000
Subject: [PATCH] ui(precedents): citation action buttons icon-only
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Drop the visible "העתק" / "ערוך" labels and keep just the icon —
matches the editorial/judicial restraint of the surrounding card.
Tooltip + aria-label preserve the affordance for hover and assistive
tech.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web-ui/src/app/precedents/[id]/page.tsx         |  4 ++--
 .../precedents/formatted-citation.tsx           | 17 ++++++-----------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/web-ui/src/app/precedents/[id]/page.tsx b/web-ui/src/app/precedents/[id]/page.tsx
index 7af8c28..55f1b51 100644
--- a/web-ui/src/app/precedents/[id]/page.tsx
+++ b/web-ui/src/app/precedents/[id]/page.tsx
@@ -313,10 +313,10 @@ function CitationBlock({
             type="button"
             onClick={onStartEdit}
             title="ערוך מראה מקום"
-            className="inline-flex items-center gap-1 rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink h-7 px-2 text-[0.72rem]"
+            aria-label="ערוך מראה מקום"
+            className="inline-flex items-center justify-center rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink-muted hover:text-navy h-7 w-7"
           >
             <Pencil className="w-3.5 h-3.5" />
-            ערוך
           </button>
         </div>
       </div>
diff --git a/web-ui/src/components/precedents/formatted-citation.tsx b/web-ui/src/components/precedents/formatted-citation.tsx
index d9d8fa2..461a146 100644
--- a/web-ui/src/components/precedents/formatted-citation.tsx
+++ b/web-ui/src/components/precedents/formatted-citation.tsx
@@ -97,24 +97,19 @@ export function CitationCopyButton({
     }
   }
 
-  const dims = size === "xs" ? "h-7 px-2 text-[0.72rem]" : "h-8 px-2.5 text-xs";
+  const dims = size === "xs" ? "h-7 w-7" : "h-8 w-8";
   return (
     <button
       type="button"
       onClick={handleCopy}
-      title="העתק לפי כללי הציטוט (עם הדגשה לצדדים)"
-      className={`inline-flex items-center gap-1 rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink ${dims}`}
+      title={copied ? "הועתק" : "העתק לפי כללי הציטוט (עם הדגשה לצדדים)"}
+      aria-label={copied ? "הועתק" : "העתק מראה מקום"}
+      className={`inline-flex items-center justify-center rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink-muted hover:text-navy ${dims}`}
     >
       {copied ? (
-        <>
-          <Check className="w-3.5 h-3.5 text-emerald-600" />
-          הועתק
-        </>
+        <Check className="w-3.5 h-3.5 text-emerald-600" />
       ) : (
-        <>
-          <Copy className="w-3.5 h-3.5" />
-          העתק
-        </>
+        <Copy className="w-3.5 h-3.5" />
       )}
     </button>
   );