From a6d056fe99704a7d7e7196701ddd52843328f09f Mon Sep 17 00:00:00 2001
From: troogs <gitea@beging.de>
Date: Tue, 31 Mar 2026 17:38:55 +0200
Subject: [PATCH] Refactor account card title and layout styles for improved UI
 consistency

---
 .../Components/Accounts/AccountCard.razor          |  2 +-
 .../Components/Layout/MainLayout.razor             |  1 -
 .../Pages/Accounts/AccountDetail.razor             | 12 ++++++------
 src/Duempelkas.Desktop/wwwroot/css/app.css         | 14 ++++++++++----
 4 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/Duempelkas.App/Components/Accounts/AccountCard.razor b/src/Duempelkas.App/Components/Accounts/AccountCard.razor
index bcf42da..defcf1e 100644
--- a/src/Duempelkas.App/Components/Accounts/AccountCard.razor
+++ b/src/Duempelkas.App/Components/Accounts/AccountCard.razor
@@ -2,7 +2,7 @@
 
 <div class="card account-card h-100" @onclick="Navigate">
     <div class="card-body d-flex flex-column justify-content-between">
-        <h5 class="card-title mb-3">@Account.Name</h5>
+        <h3 class="card-title mb-3 mt-0">@Account.Name</h3>
         <div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-4">
             @($"{Account.TotalBalance:N2} €")
         </div>
diff --git a/src/Duempelkas.App/Components/Layout/MainLayout.razor b/src/Duempelkas.App/Components/Layout/MainLayout.razor
index 56b58df..11b5057 100644
--- a/src/Duempelkas.App/Components/Layout/MainLayout.razor
+++ b/src/Duempelkas.App/Components/Layout/MainLayout.razor
@@ -5,7 +5,6 @@
         <a class="navbar-brand" href="">
             <strong>Dümpelkas</strong> <small class="text-muted">Kassenbuch</small>
         </a>
-        <span class="version-label">v@(AppVersion)</span>
     </nav>
 
     <main class="flex-grow-1 overflow-auto p-3">
diff --git a/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor b/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor
index 8d84110..7718289 100644
--- a/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor
+++ b/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor
@@ -16,11 +16,8 @@
     else
     {
         <div class="d-flex align-items-center gap-2 mb-3">
-            <button class="btn btn-outline-secondary btn-sm flex-shrink-0" @onclick="NavigateBack">
-                <i class="bi bi-arrow-left"></i> Zurück
-            </button>
             <div class="d-flex align-items-center flex-grow-1" style="min-width: 0;">
-                <h2 class="mb-0" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                <h2 class="mb-0 mt-0" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                     @account.Name
                     <button class="btn-edit-pen" @onclick="() => showEditName = true" title="Name bearbeiten"><i class="bi bi-pencil"></i></button>
                 </h2>
@@ -29,7 +26,7 @@
 
         @if (balance != null)
         {
-            <div class="summary-section mb-3">
+            <div class="summary-section">
                 <div class="summary-flex">
                     <div>
                         <small class="text-muted">Saldo</small>
@@ -50,7 +47,7 @@
 
             @if (showCurrentYearOnly)
             {
-                <div class="summary-section mb-3">
+                <div class="summary-section">
                     <div class="summary-flex">
                         <div>
                             <small class="text-muted">Übertrag von @(DateTime.Now.Year - 1)</small>
@@ -73,6 +70,9 @@
         }
 
         <div class="d-flex align-items-center gap-2 mb-3 py-3 flex-wrap">
+            <button class="btn btn-secondary btn-sm" @onclick="NavigateBack">
+                <i class="bi bi-arrow-left"></i> Zurück
+            </button>
             <button class="btn btn-success btn-sm" @onclick="() => showAddEntry = true">
                 <i class="bi bi-plus-lg"></i> Eintrag
             </button>
diff --git a/src/Duempelkas.Desktop/wwwroot/css/app.css b/src/Duempelkas.Desktop/wwwroot/css/app.css
index 0daa23b..23c4325 100644
--- a/src/Duempelkas.Desktop/wwwroot/css/app.css
+++ b/src/Duempelkas.Desktop/wwwroot/css/app.css
@@ -51,6 +51,13 @@ html, body {
     background-color: var(--color-surface);
     border: 1px solid var(--color-border);
     border-radius: 0.75rem;
+    padding: .5rem;
+    margin-bottom: .5rem;
+}
+
+.account-card .card-title {
+    color: var(--color-text);
+    font-weight: normal;
 }
 
 .account-card:hover {
@@ -93,7 +100,8 @@ html, body {
     background-color: var(--color-surface);
     border: 1px solid var(--color-border);
     border-radius: 0.75rem;
-    padding: 1rem 1.25rem;
+    padding: .5rem .75rem;
+    margin-bottom: .5rem;
 }
 
 .summary-flex {
@@ -426,9 +434,7 @@ html, body {
 
 /* Container */
 .container-fluid {
-    width: 100%;
-    padding-left: 1rem;
-    padding-right: 1rem;
+    
 }
 
 /* Spinner (Bootstrap component fallback) */