From bba5abed527197f11478fe46b61f566a281ebe09 Mon Sep 17 00:00:00 2001
From: IceDBorn <github.envenomed@dralias.com>
Date: Wed, 1 Sep 2021 18:40:32 +0300
Subject: [PATCH] =?UTF-8?q?Remove=20'views'=20text=20-=20add=20'=E2=80=A2'?=
 =?UTF-8?q?=20between=20views=20and=20time=20ago=20-=20make=20views=20and?=
 =?UTF-8?q?=20time=20ago=20a=20one=20liner=20-=20add=20uploader=20avatar?=
 =?UTF-8?q?=20beside=20channel=20name?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/VideoItem.vue | 41 ++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index 9c8bc883..6b9ec3cf 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -26,32 +26,31 @@
             <p class="uk-text-break">{{ video.title }}</p>
         </router-link>
 
-        <div :class="{ 'uk-align-left': !(video.views >= 0 || video.uploadedDate) }">
-            <div v-if="video.uploaderUrl && video.uploaderName && !hideChannel">
-                <router-link class="uk-link-muted" :to="video.uploaderUrl">
-                    {{ video.uploaderName }}&thinsp;<font-awesome-icon
-                        v-if="video.uploaderVerified"
-                        icon="check"
-                    ></font-awesome-icon>
-                </router-link>
-                <br />
-            </div>
-        </div>
+        <span v-if="video.uploaderUrl && video.uploaderName && !hideChannel">
+            <router-link class="uk-link-muted" :to="video.uploaderUrl">
+                <img :src="video.uploaderAvatar" loading="lazy" class="uk-border-circle" style="width: 15%; height: 15%"/>
+                {{ video.uploaderName }}&thinsp;<font-awesome-icon
+                    v-if="video.uploaderVerified"
+                    icon="check"
+                ></font-awesome-icon>
+            </router-link>
+            <br />
+        </span>
 
-        <b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small uk-align-left">
-            <div v-if="video.views >= 0">
+        <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>
-                {{ numberFormat(video.views) }} views
-                <br />
-            </div>
-            <div v-if="video.uploadedDate">
+                {{ numberFormat(video.views) }} •
+            </span>
+            <span v-if="video.uploadedDate">
                 {{ video.uploadedDate }}
-            </div>
-            <div v-if="video.uploaded">
+            </span>
+            <span v-if="video.uploaded">
                 {{ timeAgo(video.uploaded) }}
-            </div>
+            </span>
         </b>
-        <div class="uk-align-right">
+
+        <div class="uk-align-right" style="margin-left: 0">
             <router-link :to="video.url + '&listen=1'">
                 <font-awesome-icon icon="headphones"></font-awesome-icon>
             </router-link>