From d1d7b72e215bf87e70f36f6cc7e21c0651d70e6f Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Thu, 3 Aug 2023 14:00:01 +0200
Subject: [PATCH] fix: wrap video tags into multiple lines

---
 src/components/WatchVideo.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index aa4f0a46..eea39319 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -169,11 +169,11 @@
                 <div v-text="`${$t('video.license')}: ${video.license}`" />
                 <div class="capitalize" v-text="`${$t('video.visibility')}: ${video.visibility}`" />
 
-                <div v-if="video.tags" class="flex gap-2 mt-2">
+                <div v-if="video.tags" class="flex flex-wrap gap-2 mt-2">
                     <router-link
                         v-for="tag in video.tags"
                         :key="tag"
-                        class="rounded-s px-2 py-1 btn"
+                        class="rounded-s px-2 py-1 btn line-clamp-1"
                         :to="`/results?search_query=${encodeURIComponent(tag)}`"
                         >{{ tag }}</router-link
                     >