From 4f2541144c07ab83a6d7b726ee1011231b46de3e Mon Sep 17 00:00:00 2001
From: Meik <meikdre@gmx.de>
Date: Sun, 4 Jan 2026 01:40:29 +0100
Subject: [PATCH] =?UTF-8?q?Journal=20f=C3=BCr=20abholungen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/JournalPage.js | 54 ++++++++++++++++++++++++-----------
 1 file changed, 38 insertions(+), 16 deletions(-)

diff --git a/src/components/JournalPage.js b/src/components/JournalPage.js
index 75c5833..ade6a2d 100644
--- a/src/components/JournalPage.js
+++ b/src/components/JournalPage.js
@@ -652,22 +652,44 @@ const JournalPage = ({ authorizedFetch, stores }) => {
                           {storeLabel}
                         </h3>
                         </div>
-                        <div className="flex items-center gap-3">
-                          <button
-                            type="button"
-                            onClick={() => handleEdit(entry)}
-                            className="text-sm text-blue-600 hover:text-blue-700"
-                          >
-                            Bearbeiten
-                          </button>
-                          <button
-                            type="button"
-                            onClick={() => handleDeleteRequest(entry)}
-                            className="text-sm text-red-600 hover:text-red-700"
-                          >
-                            Löschen
-                          </button>
-                        </div>
+                      <div className="flex items-center gap-2">
+                        <button
+                          type="button"
+                          onClick={() => handleEdit(entry)}
+                          className="inline-flex items-center justify-center h-9 w-9 rounded-md border border-blue-200 text-blue-600 hover:bg-blue-50"
+                          aria-label="Bearbeiten"
+                          title="Bearbeiten"
+                        >
+                          <svg viewBox="0 0 24 24" className="h-4 w-4" aria-hidden="true">
+                            <path
+                              d="M16.862 3.487a1.75 1.75 0 0 1 2.475 2.475l-9.9 9.9a2.25 2.25 0 0 1-.878.537l-3.292 1.097a.75.75 0 0 1-.948-.948l1.097-3.292a2.25 2.25 0 0 1 .537-.878l9.9-9.9z"
+                              fill="currentColor"
+                            />
+                            <path
+                              d="M5 19.25c0-.414.336-.75.75-.75h12.5a.75.75 0 1 1 0 1.5H5.75a.75.75 0 0 1-.75-.75z"
+                              fill="currentColor"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          type="button"
+                          onClick={() => handleDeleteRequest(entry)}
+                          className="inline-flex items-center justify-center h-9 w-9 rounded-md border border-red-200 text-red-600 hover:bg-red-50"
+                          aria-label="Löschen"
+                          title="Löschen"
+                        >
+                          <svg viewBox="0 0 24 24" className="h-4 w-4" aria-hidden="true">
+                            <path
+                              d="M9 3.75A1.75 1.75 0 0 1 10.75 2h2.5A1.75 1.75 0 0 1 15 3.75V5h4a.75.75 0 0 1 0 1.5h-1.037l-1.05 12.1A2.25 2.25 0 0 1 14.67 20.75H9.33a2.25 2.25 0 0 1-2.243-2.15L6.037 6.5H5a.75.75 0 0 1 0-1.5h4V3.75zm1.5 1.25h3V3.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25V5z"
+                              fill="currentColor"
+                            />
+                            <path
+                              d="M10 9.25a.75.75 0 0 1 .75.75v6a.75.75 0 1 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm4 0a.75.75 0 0 1 .75.75v6a.75.75 0 1 1-1.5 0v-6a.75.75 0 0 1 .75-.75z"
+                              fill="currentColor"
+                            />
+                          </svg>
+                        </button>
+                      </div>
                       </div>
                       {entry.note ? <p className="mt-2 text-sm text-gray-700">{entry.note}</p> : null}
                       <p className="mt-2 text-xs text-gray-500">{reminderLabel}</p>