From af7f513b3cd1429c953a503d1d0b0d3b4af3916c Mon Sep 17 00:00:00 2001
From: Nils Pukropp <nils@narl.io>
Date: Thu, 14 May 2026 09:01:36 +0200
Subject: [PATCH] fixed view work button + search title cutoff

---
 frontend/src/components/react/Search.tsx       | 2 +-
 frontend/src/components/react/admin/Editor.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/react/Search.tsx b/frontend/src/components/react/Search.tsx
index 6e04ab9..9b6bdfd 100644
--- a/frontend/src/components/react/Search.tsx
+++ b/frontend/src/components/react/Search.tsx
@@ -234,7 +234,7 @@ export default function Search() {
                         }`}
                       >
                         <div className="flex items-baseline justify-between gap-3">
-                          <div className={`font-display italic truncate text-lg ${active ? 'text-[var(--mauve)]' : 'text-[var(--text)]'}`}>
+                          <div className={`font-display italic truncate text-lg leading-tight pr-2 ${active ? 'text-[var(--mauve)]' : 'text-[var(--text)]'}`} style={{ paddingInlineEnd: '0.35em' }}>
                             {title}
                           </div>
                           <time className="text-[10px] font-sans uppercase tracking-[0.18em] text-[var(--subtext0)] shrink-0" dateTime={p.date}>
diff --git a/frontend/src/components/react/admin/Editor.tsx b/frontend/src/components/react/admin/Editor.tsx
index b1bc1ae..c81fbc8 100644
--- a/frontend/src/components/react/admin/Editor.tsx
+++ b/frontend/src/components/react/admin/Editor.tsx
@@ -298,11 +298,11 @@ export default function Editor({ editSlug }: Props) {
       {/* Actions bar */}
       <div className="flex flex-wrap gap-4 mb-6">
         {originalSlug && (
-          <button onClick={handleDelete} className="text-red hover:bg-red/10 px-6 py-3 rounded-lg transition-colors font-bold border border-red/20">
-            Delete
+          <button onClick={handleDelete} className="btn-ghost py-3 px-6 text-[var(--red)] border-[var(--red)]/40 hover:bg-[var(--red)]/10 hover:border-[var(--red)] hover:text-[var(--red)]">
+            Remove
           </button>
         )}
-        <button onClick={handleSave} className="bg-mauve text-rosewater font-bold py-3 px-8 rounded-lg hover:bg-red transition-all transform hover:scale-105 whitespace-nowrap">
+        <button onClick={handleSave} className="btn-stamp py-3 px-8 whitespace-nowrap">
           Save work
         </button>
         {originalSlug && (
@@ -310,7 +310,7 @@ export default function Editor({ editSlug }: Props) {
             href={`/posts/${encodeURIComponent(originalSlug)}`}
             target="_blank"
             rel="noreferrer"
-            className="bg-blue text-crust font-bold py-3 px-8 rounded-lg hover:bg-sky transition-all transform hover:scale-105 whitespace-nowrap inline-flex items-center justify-center gap-2"
+            className="btn-ghost py-3 px-6 inline-flex items-center justify-center gap-2 whitespace-nowrap"
           >
             <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
             View work