Allgemeine Spendenkarte aufraeumen

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;