From 64b846c82707a6c232b78365ddd2b6f7211b4159 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aron=20Sch=C3=BCler?= <aron.schueler@ambient.digital>
Date: Sun, 28 Jan 2024 12:41:34 +0100
Subject: [PATCH] fix: move upvote button out of link

---
 src/views/ProjectCard.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/views/ProjectCard.vue b/src/views/ProjectCard.vue
index 4822fe1..4d55a61 100644
--- a/src/views/ProjectCard.vue
+++ b/src/views/ProjectCard.vue
@@ -35,8 +35,8 @@ onMounted(async () => {
 </script>
 
 <template>
-  <li class="project">
-    <router-link as="li" :to="href" class="flex w-full min-w-0 gap-x-4">
+  <div class="flex flex-col p-4 md:flex-row">
+    <router-link as="li" :to="href" class="project flex w-full min-w-0 gap-x-4">
       <img
         v-if="imgSrc"
         class="h-12 w-12 flex-none rounded-full bg-gray-50"
@@ -51,8 +51,6 @@ onMounted(async () => {
           <p class="text-md font-semibold leading-6 text-gray-900">
             {{ project.title }}
           </p>
-
-          <UpvoteButton :project="project" />
         </div>
 
         <p class="text-sm font-normal leading-6 text-gray-900">
@@ -71,7 +69,15 @@ onMounted(async () => {
         </div>
       </div>
     </router-link>
-  </li>
+
+    <div class="flex gap-2 self-end md:self-center">
+      <UpvoteButton :project="project" />
+
+      <RouterLink :to="href" class="button primary md:hidden">
+        View
+      </RouterLink>
+    </div>
+  </div>
 </template>
 
 <style>