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 @@
-
@Account.Name
+

@Account.Name

@($"{Account.TotalBalance:N2} €")
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 @@ Dümpelkas Kassenbuch - v@(AppVersion)
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 {
-
-

+

@account.Name

@@ -29,7 +26,7 @@ @if (balance != null) { -
+
Saldo @@ -50,7 +47,7 @@ @if (showCurrentYearOnly) { -
+
Übertrag von @(DateTime.Now.Year - 1) @@ -73,6 +70,9 @@ }
+ 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) */