From 5786eed3ba8185f5952e7efccd39f36acf4745e8 Mon Sep 17 00:00:00 2001
From: Claude <claude@webklar.local>
Date: Sun, 12 Jul 2026 18:04:41 +0000
Subject: [PATCH] feat: Projektkarten-Aktionen nur als Icons
 (Bearbeiten/Hosten/Aktualisieren)

Aktualisieren-Button ohne Text-Label, konsistent zur Toolbar; Spinner
auch beim Hosten. Tooltips via title/aria-label.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/pages/ProjectsPage.jsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/pages/ProjectsPage.jsx b/src/pages/ProjectsPage.jsx
index 5139ebf..866aef1 100644
--- a/src/pages/ProjectsPage.jsx
+++ b/src/pages/ProjectsPage.jsx
@@ -543,22 +543,24 @@ export default function ProjectsPage() {
                   <button
                     type="button"
                     className="btn btn-dark"
-                    style={{ padding: '6px 12px', fontSize: '13px' }}
+                    style={{ padding: '8px 12px' }}
                     onClick={() => openEdit(project)}
                     title="Bearbeiten"
+                    aria-label="Bearbeiten"
                   >
-                    <FaPen /> Bearbeiten
+                    <FaPen />
                   </button>
                   {needsHosting ? (
                     <button
                       type="button"
                       className="btn btn-teal"
-                      style={{ padding: '6px 12px', fontSize: '13px' }}
+                      style={{ padding: '8px 12px' }}
                       onClick={() => handleHostNow(project)}
                       disabled={hostBusyId === project.$id}
                       title="Projekt jetzt deployen/hosten"
+                      aria-label="Projekt jetzt deployen/hosten"
                     >
-                      <FaGlobe /> {hostBusyId === project.$id ? 'Hosten…' : 'Jetzt hosten'}
+                      <FaGlobe style={hostBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined} />
                     </button>
                   ) : (
                     <PreviewLinkButton href={project.previewUrl} />
@@ -567,15 +569,15 @@ export default function ProjectsPage() {
                     <button
                       type="button"
                       className="btn btn-dark"
-                      style={{ padding: '6px 12px', fontSize: '13px' }}
+                      style={{ padding: '8px 12px' }}
                       onClick={() => handleRefresh(project)}
                       disabled={refreshBusyId === project.$id}
-                      title="Projekt neu deployen / Website neu laden"
+                      title="Aktualisieren – Website neu deployen"
+                      aria-label="Aktualisieren – Website neu deployen"
                     >
                       <FaArrowsRotate
                         style={refreshBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined}
-                      />{' '}
-                      {refreshBusyId === project.$id ? 'Aktualisiere…' : 'Aktualisieren'}
+                      />
                     </button>
                   )}
                   <GiteaLinkButton href={project.giteaRepoUrl} />