From 67218ab5f1f039131c458291ad98b6e06a1c9c6b Mon Sep 17 00:00:00 2001
From: Luca Hohmann <34301369+GilgusMaximus@users.noreply.github.com>
Date: Tue, 18 May 2021 22:52:47 +0200
Subject: [PATCH] Fixed wrongly sized clickable link to comment authors. Added
 link to reply author's channel (#1298)

---
 .../watch-video-comments.css                  |  6 +++++-
 .../watch-video-comments.vue                  | 19 ++++++++++++++-----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.css b/src/renderer/components/watch-video-comments/watch-video-comments.css
index f19ca320..3005ff80 100644
--- a/src/renderer/components/watch-video-comments/watch-video-comments.css
+++ b/src/renderer/components/watch-video-comments/watch-video-comments.css
@@ -37,11 +37,15 @@
   cursor: pointer;
 }
 
-.commentAuthor {
+.commentAuthorWrapper {
   font-weight: bold;
   font-size: 14px;
   margin-left: 68px;
   margin-top: 0px;
+}
+
+
+.commentAuthor {
   cursor: pointer;
 }
 
diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.vue b/src/renderer/components/watch-video-comments/watch-video-comments.vue
index a993a373..12b53188 100644
--- a/src/renderer/components/watch-video-comments/watch-video-comments.vue
+++ b/src/renderer/components/watch-video-comments/watch-video-comments.vue
@@ -48,10 +48,14 @@
           @click="goToChannel(comment.authorLink)"
         >
         <p
-          class="commentAuthor"
-          @click="goToChannel(comment.authorLink)"
+          class="commentAuthorWrapper"
         >
-          {{ comment.author }}
+          <span
+            class="commentAuthor"
+            @click="goToChannel(comment.authorLink)"
+          >
+            {{ comment.author }}
+          </span>
           <span class="commentDate">
             {{ comment.time }}
           </span>
@@ -108,8 +112,13 @@
               :src="reply.authorThumb"
               class="commentThumbnail"
             >
-            <p class="commentAuthor">
-              {{ reply.author }}
+            <p class="commentAuthorWrapper">
+              <span
+                class="commentAuthor"
+                @click="goToChannel(reply.authorLink)"
+              >
+                {{ reply.author }}
+              </span>
               <span class="commentDate">
                 {{ reply.time }}
               </span>