From 35e8a62dedd899811eb815ce711c36368db937b6 Mon Sep 17 00:00:00 2001
From: jan <jannihanewinkel@gmail.com>
Date: Fri, 29 May 2026 17:55:02 +0200
Subject: [PATCH] Allgemeine Spendenkarte aufraeumen

---
 src/components/dashboard/dashboard-shell.tsx | 34 +++++++++++++++++---
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/components/dashboard/dashboard-shell.tsx b/src/components/dashboard/dashboard-shell.tsx
index 490050f..860bd16 100644
--- a/src/components/dashboard/dashboard-shell.tsx
+++ b/src/components/dashboard/dashboard-shell.tsx
@@ -3426,24 +3426,48 @@ export function DashboardShell({
               <Typography variant="subtitle2" sx={{ fontWeight: 800, overflowWrap: "break-word" }}>
                 {donation.title}
               </Typography>
-              <Typography variant="body2" color="text.secondary">
-                {currencyFormatter.format(donation.amount)}
-                {donation.expenseTitle ? ` · ${donation.expenseTitle}` : ""}
-              </Typography>
               {donation.description ? (
                 <Typography variant="body2" sx={{ mt: 0.4, whiteSpace: "pre-line", overflowWrap: "break-word" }}>
                   {donation.description}
                 </Typography>
               ) : null}
+              <Typography variant="body2" color="text.secondary" sx={{ mt: 0.4 }}>
+                {currencyFormatter.format(donation.amount)}
+                {donation.expenseTitle ? ` · ${donation.expenseTitle}` : ""}
+              </Typography>
             </Box>
             <Stack direction="row" gap={0.5}>
-              <IconButton size="small" disabled={busy} onClick={() => setEditingDonationId(donation.id)}>
+              <IconButton
+                size="small"
+                disabled={busy}
+                onClick={() => setEditingDonationId(donation.id)}
+                sx={{
+                  width: 36,
+                  height: 36,
+                  borderRadius: "50%",
+                  color: "text.primary",
+                  bgcolor: alpha(theme.palette.text.primary, 0.08),
+                  "&:hover": {
+                    bgcolor: alpha(theme.palette.text.primary, 0.14)
+                  }
+                }}
+              >
                 <EditRoundedIcon fontSize="small" />
               </IconButton>
               <IconButton
                 size="small"
                 color="error"
                 disabled={busy}
+                sx={{
+                  width: 36,
+                  height: 36,
+                  borderRadius: "50%",
+                  color: theme.palette.error.main,
+                  bgcolor: alpha(theme.palette.error.main, 0.08),
+                  "&:hover": {
+                    bgcolor: alpha(theme.palette.error.main, 0.14)
+                  }
+                }}
                 onClick={async () => {
                   if (!window.confirm(`Spende "${donation.title}" wirklich löschen?`)) {
                     return;