From d91fab438d808544cb24c3531da542a7f18ee2b1 Mon Sep 17 00:00:00 2001
From: DeeHechEss <danialhaddadi@gmail.com>
Date: Sun, 3 Oct 2021 19:18:11 +0100
Subject: [PATCH] Allow channel name to overflow

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

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index b3540ce1..abf36b5d 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -40,16 +40,14 @@
                 <img v-if="video.uploaderAvatar" :src="video.uploaderAvatar" loading="lazy" :alt="video.uploaderName" class="uk-border-circle" style="margin-right: 0.5rem; margin-top:0.5rem; width: 32px; height: 32px;" />
             </router-link>
 
-            <div>
-                <router-link class="uk-link-muted" :to="video.uploaderUrl">
+            <div style="width: calc(100% - 32px - 8px);">
+                <router-link class="uk-link-muted uk-overflow-hidden" :to="video.uploaderUrl" style="display:block; width: 90%">
                     {{ video.uploaderName }}&thinsp;<font-awesome-icon
                         v-if="video.uploaderVerified"
                         icon="check"
                     ></font-awesome-icon>
                 </router-link>
 
-                <br />
-
                 <b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small">
                     <span v-if="video.views >= 0">
                         <font-awesome-icon icon="eye"></font-awesome-icon>