From f3d05b5cad16cf0a9dfbf53326e40f7b716e4c33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aron=20Sch=C3=BCler?= <aron.schueler@ambient.digital>
Date: Sat, 27 Jan 2024 13:32:08 +0100
Subject: [PATCH] fix: disable whitespace wrap for sigin and tags

---
 src/components/UserMenu.vue | 2 +-
 src/views/ProjectCard.vue   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/UserMenu.vue b/src/components/UserMenu.vue
index c2d3d94..9e2c751 100644
--- a/src/components/UserMenu.vue
+++ b/src/components/UserMenu.vue
@@ -93,7 +93,7 @@ const { user, isLoggedIn } = useUser();
   <div v-else>
     <router-link
       to="/login"
-      class="text-base font-medium text-white hover:text-indigo-50"
+      class="whitespace-nowrap text-base font-medium text-white hover:text-indigo-50"
       >Sign in</router-link
     >
   </div>
diff --git a/src/views/ProjectCard.vue b/src/views/ProjectCard.vue
index caf6930..a5cbcb5 100644
--- a/src/views/ProjectCard.vue
+++ b/src/views/ProjectCard.vue
@@ -36,11 +36,11 @@ const href = computed(() => `/projects/${props.project.projectId}`);
         </div>
 
         <!-- Show tags -->
-        <div class="mt-auto flex flex-row gap-1">
+        <div class="mt-auto flex flex-row flex-wrap gap-1">
           <div
             v-for="tag in project.tags"
             :key="tag"
-            class="rounded-full bg-indigo-50 px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm hover:bg-indigo-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+            class="whitespace-nowrap rounded-full bg-indigo-50 px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm hover:bg-indigo-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
           >
             {{ tag }}
           </div>