From 71a90f8b7c87db2190b2e0e40d69f1d434829004 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 19 May 2026 19:54:47 +0200
Subject: [PATCH] Improve spacing

---
 .../resources/glossary/resources-glossary.component.html      | 2 +-
 .../pages/resources/guides/resources-guides.component.html    | 2 +-
 .../pages/resources/markets/resources-markets.component.html  | 4 ++--
 .../resources/overview/resources-overview.component.html      | 2 +-
 .../personal-finance-tools/personal-finance-tools-page.html   | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/app/pages/resources/glossary/resources-glossary.component.html b/apps/client/src/app/pages/resources/glossary/resources-glossary.component.html
index fa74cd084..5f4769721 100644
--- a/apps/client/src/app/pages/resources/glossary/resources-glossary.component.html
+++ b/apps/client/src/app/pages/resources/glossary/resources-glossary.component.html
@@ -132,7 +132,7 @@
             </div>
           </div>
         </div>
-        <div class="mb-4 media">
+        <div class="media">
           <div class="media-body">
             <h2 class="h5 mb-1 mt-0">Stealth Wealth</h2>
             <div class="mb-1">
diff --git a/apps/client/src/app/pages/resources/guides/resources-guides.component.html b/apps/client/src/app/pages/resources/guides/resources-guides.component.html
index 54b3d1f3e..24a7532b9 100644
--- a/apps/client/src/app/pages/resources/guides/resources-guides.component.html
+++ b/apps/client/src/app/pages/resources/guides/resources-guides.component.html
@@ -19,7 +19,7 @@
             </div>
           </div>
         </div>
-        <div class="mb-4 media">
+        <div class="media">
           <div class="media-body">
             <h2 class="h5 mb-1 mt-0">How do I get my finances in order?</h2>
             <div class="mb-1">
diff --git a/apps/client/src/app/pages/resources/markets/resources-markets.component.html b/apps/client/src/app/pages/resources/markets/resources-markets.component.html
index ce780aedf..7437da1b1 100644
--- a/apps/client/src/app/pages/resources/markets/resources-markets.component.html
+++ b/apps/client/src/app/pages/resources/markets/resources-markets.component.html
@@ -30,8 +30,8 @@
         </div>
       </div>
     </div>
-    <div class="media">
-      <div class="mb-4 media">
+    <div class="mb-4 media">
+      <div class="media-body">
         <h2 class="h5 mb-1 mt-0">Inflation Chart</h2>
         <div class="mb-1">
           <i>Inflation Chart</i> helps you find the intrinsic value of stock
diff --git a/apps/client/src/app/pages/resources/overview/resources-overview.component.html b/apps/client/src/app/pages/resources/overview/resources-overview.component.html
index 86a334c79..8d1665373 100644
--- a/apps/client/src/app/pages/resources/overview/resources-overview.component.html
+++ b/apps/client/src/app/pages/resources/overview/resources-overview.component.html
@@ -4,7 +4,7 @@
       <h1 class="h3 mb-4 text-center" i18n>Resources</h1>
       <div class="overview-list">
         @for (item of overviewItems; track item) {
-          <div class="mb-4">
+          <div [class.mb-4]="!$last">
             <h2 class="h5 mb-1 mt-0">{{ item.title }}</h2>
             <p class="mb-1">{{ item.description }}</p>
             <a [routerLink]="item.routerLink"
diff --git a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html
index 2f876b1b1..0e9bb8785 100644
--- a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html
+++ b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html
@@ -1,5 +1,5 @@
 <div class="container">
-  <div class="mb-5 row">
+  <div class="row">
     <div class="col">
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>
         Discover Open Source Alternatives for Personal Finance Tools
@@ -22,7 +22,7 @@
         personalFinanceTool of personalFinanceTools;
         track personalFinanceTool
       ) {
-        <mat-card appearance="outlined" class="mb-3">
+        <mat-card appearance="outlined" [class.mb-3]="!$last">
           <mat-card-content class="p-0">
             <div class="container p-0">
               <div class="flex-nowrap no-gutters row">