Improve spacing

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">

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">

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="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

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"

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">