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}>

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">
+          <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)]">
-            Delete
+            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