From f24561cc3d976a0d7532f03b736e26cf5ab2c824 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 13 Jun 2024 12:07:42 +0200
Subject: [PATCH] Feature/improve style of personal finance tools list (#3486)

---
 .../personal-finance-tools/personal-finance-tools-page.html | 4 ++--
 .../personal-finance-tools/personal-finance-tools-page.scss | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

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 90b7b3ad1..f3c128433 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
@@ -23,11 +23,11 @@
         track personalFinanceTool
       ) {
         <mat-card appearance="outlined" class="mb-3">
-          <mat-card-content>
+          <mat-card-content class="p-0">
             <div class="container p-0">
               <div class="flex-nowrap no-gutters row">
                 <a
-                  class="d-flex overflow-hidden w-100"
+                  class="d-flex overflow-hidden p-3 w-100"
                   title="Compare Ghostfolio to {{
                     personalFinanceTool.name
                   }} - {{ personalFinanceTool.slogan }}"
diff --git a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss
index 8e1e178c7..00667fe84 100644
--- a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss
+++ b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss
@@ -12,6 +12,12 @@
       }
     }
   }
+
+  .mat-mdc-card {
+    &:hover {
+      border-color: var(--gf-theme-primary-500);
+    }
+  }
 }
 
 :host-context(.is-dark-theme) {