From 35a3ec3274f7fe2a3dae62e04070deac4eb5e47e Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Tue, 2 Nov 2021 02:49:19 +0530
Subject: [PATCH] Use relatives sizes for the avatar to prevent overlapping on
 odd sizes

---
 src/components/VideoComment.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoComment.vue b/src/components/VideoComment.vue
index f29fd6e..55cd737 100644
--- a/src/components/VideoComment.vue
+++ b/src/components/VideoComment.vue
@@ -1,11 +1,11 @@
 <template>
   <v-row align="center" justify="center" no-gutters>
-    <v-col md="1">
-      <v-avatar size="96" class="mx-3">
+    <v-col cols="1">
+      <v-avatar size="90%" class="mx-3">
         <v-img :src="comment.thumbnail" />
       </v-avatar>
     </v-col>
-    <v-col md="11">
+    <v-col cols="11">
       <v-card-text>
         <v-icon v-if="comment.pinned" class="mx-2">mdi-pin</v-icon>
         <router-link :to="comment.commentorUrl" class="text-decoration-none black--text">