From 96e34edbefea5377c6196e242df2c160e4f6c12b Mon Sep 17 00:00:00 2001
From: Alexander Mutig <alexander.mutig@mni.thm.de>
Date: Fri, 9 Aug 2024 18:22:23 +0200
Subject: [PATCH 1/2] chore: Add background and border for resource card
 (#2463)

---
 components/Cards/Card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Cards/Card.tsx b/components/Cards/Card.tsx
index 90c25ae77..aa7267f18 100644
--- a/components/Cards/Card.tsx
+++ b/components/Cards/Card.tsx
@@ -29,7 +29,7 @@ export const Card: FC<CardProps> = ({ data, onClick }) => {
 
   return (
     <article className="z-10 h-full w-full rounded-3xl dark:bg-slate-800 dark:text-text-primary dark:shadow-sm bg-light-white">
-      <div className="card-body">
+      <div className="card-body border border-theme-secondary/25 rounded-xl bg-theme-primary-light dark:border dark:border-theme-primary dark:border-opacity-8 dark:bg-theme-tertiary">
         <header className="flex justify-between items-center gap-2">
           <h2
             className="cursor-default md:truncate ... text-lg md:text-xl dark:text-light-primary"

From 9945e8e29942dd33a9ccb02fd9cc868a888dd6cd Mon Sep 17 00:00:00 2001
From: Alexander Mutig <alexander.mutig@mni.thm.de>
Date: Sat, 10 Aug 2024 15:55:22 +0200
Subject: [PATCH 2/2] fix: Move border classes into <article> and change
 background color

---
 components/Cards/Card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Cards/Card.tsx b/components/Cards/Card.tsx
index aa7267f18..bc4101892 100644
--- a/components/Cards/Card.tsx
+++ b/components/Cards/Card.tsx
@@ -28,8 +28,8 @@ export const Card: FC<CardProps> = ({ data, onClick }) => {
   }, [])
 
   return (
-    <article className="z-10 h-full w-full rounded-3xl dark:bg-slate-800 dark:text-text-primary dark:shadow-sm bg-light-white">
-      <div className="card-body border border-theme-secondary/25 rounded-xl bg-theme-primary-light dark:border dark:border-theme-primary dark:border-opacity-8 dark:bg-theme-tertiary">
+    <article className="z-10 h-full border border-theme-secondary/25 dark:border dark:border-theme-primary dark:border-opacity-8 w-full rounded-3xl dark:bg-slate-800 dark:text-text-primary dark:shadow-sm bg-theme-primary-light">
+      <div className="card-body">
         <header className="flex justify-between items-center gap-2">
           <h2
             className="cursor-default md:truncate ... text-lg md:text-xl dark:text-light-primary"