From 50ae14770de959b083faf08efda525fce26f0860 Mon Sep 17 00:00:00 2001
From: troogs <gitea@beging.de>
Date: Mon, 2 Nov 2026 21:47:01 +0100
Subject: [PATCH] fix(ui): update account card styles and improve about dialog
 layout

---
 src/Duempelkas.App/Components/Accounts/AccountCard.razor | 6 +++---
 src/Duempelkas.App/Components/Layout/MainLayout.razor    | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/Duempelkas.App/Components/Accounts/AccountCard.razor b/src/Duempelkas.App/Components/Accounts/AccountCard.razor
index 3f325c4..970f6a1 100644
--- a/src/Duempelkas.App/Components/Accounts/AccountCard.razor
+++ b/src/Duempelkas.App/Components/Accounts/AccountCard.razor
@@ -1,9 +1,9 @@
 @inject NavigationManager Navigation
 
 <a class="card account-card h-100" href="@($"/accounts/{Account.Id}")" @onclick="Navigate" @onclick:preventDefault="true">
-    <div class="card-body d-flex flex-column justify-content-between">
-        <h3 class="card-title mb-3 mt-0">@Account.Name</h3>
-        <div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-4">
+    <div class="card-body d-flex flex-column justify-content-between pb-0 pt-1 px-2">
+        <h4 class="card-title mb-3 mt-0">@Account.Name</h4>
+        <div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-5">
             @($"{Account.TotalBalance:N2} €")
         </div>
     </div>
diff --git a/src/Duempelkas.App/Components/Layout/MainLayout.razor b/src/Duempelkas.App/Components/Layout/MainLayout.razor
index 9fe5ba5..4da946a 100644
--- a/src/Duempelkas.App/Components/Layout/MainLayout.razor
+++ b/src/Duempelkas.App/Components/Layout/MainLayout.razor
@@ -31,8 +31,9 @@
 @if (showAboutDialog)
 {
     <ModalDialog Title="Über Dümpelkas" OnCancel="CloseAboutDialog">
-            <h5>Über Dümpelkas &middot; Version @AppVersion &middot; Builddatum @AppBuildDate</h5>
-            <p class="mb-2">Entwickler: Andre Beging</p>
+            <h5>Über Dümpelkas &middot; Version @AppVersion</h5>
+            <p class="mb-1 mt-3">Erstellt: @AppBuildDate</p>
+            <p class="mb-1">Entwickler: Andre Beging</p>
             <p class="mb-3">E-Mail: <a href="mailto:mail@beging.de" style="color: var(--color-text);">mail@beging.de</a></p>
             <div class="d-flex justify-content-end">
                 <button type="button" class="btn btn-outline-secondary" @onclick="CloseAboutDialog">