From 05a5aedfa32832405b99bbf8cb902a19d94bcd3d Mon Sep 17 00:00:00 2001
From: Mike <mike.tasset@gmail.com>
Date: Tue, 27 Aug 2024 23:54:16 +0200
Subject: [PATCH] Fix: Update dashboard project card styling (#2775)

---
 .../components/dashboard/ProjectCard.vue      | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/frontend-2/components/dashboard/ProjectCard.vue b/packages/frontend-2/components/dashboard/ProjectCard.vue
index b14d4b109..8bc4e1b88 100644
--- a/packages/frontend-2/components/dashboard/ProjectCard.vue
+++ b/packages/frontend-2/components/dashboard/ProjectCard.vue
@@ -8,7 +8,7 @@
     >
       {{ project.name }}
     </NuxtLink>
-    <div class="flex-1">
+    <div class="flex-1 gap-y-3">
       <p class="text-body-3xs text-foreground-2">
         <span class="capitalize">
           {{ project.role?.split(':').reverse()[0] }}
@@ -18,23 +18,23 @@
           {{ updatedAt.relative }}
         </span>
       </p>
+      <UserAvatarGroup :users="teamUsers" :max-count="4" class="pt-3 -ml-0.5" />
     </div>
-    <UserAvatarGroup :users="teamUsers" :max-count="4" />
-    <NuxtLink
-      v-if="project.workspace && isWorkspacesEnabled"
-      :to="workspaceRoute(project.workspace.id)"
-      class="mt-2 flex items-center"
-    >
-      <WorkspaceAvatar
-        :logo="project.workspace.logo"
-        :default-logo-index="project.workspace.defaultLogoIndex"
-        size="sm"
-      />
-      <p class="text-body-2xs text-foreground ml-2">
-        {{ project.workspace.name }}
-      </p>
-    </NuxtLink>
-    <div>
+    <div class="flex flex-col gap-y-3 pt-1">
+      <NuxtLink
+        v-if="project.workspace && isWorkspacesEnabled"
+        :to="workspaceRoute(project.workspace.id)"
+        class="flex items-center"
+      >
+        <WorkspaceAvatar
+          :logo="project.workspace.logo"
+          :default-logo-index="project.workspace.defaultLogoIndex"
+          size="sm"
+        />
+        <p class="text-body-2xs text-foreground ml-2">
+          {{ project.workspace.name }}
+        </p>
+      </NuxtLink>
       <FormButton
         :to="allProjectModelsRoute(project.id)"
         size="sm"