Rework thumbnails to make future changes possible

pug/includes/video-list-item.pug

@@ -3,8 +3,9 @@ mixin video_list_item(className, video, instanceOrigin, options = {})
     - let link = `/watch?v=${video.videoId}`
     if options.continuous
       - link += `&continuous=1&session-watched=${sessionWatchedNext}`
-    a(href=link tabindex="-1").thumbnail
-      img(src=`/vi/${video.videoId}/mqdefault.jpg` width=320 height=180 alt="").image
+    div.thumbnail
+      a(href=link tabindex="-1").thumbnail__link
+        img(src=`/vi/${video.videoId}/mqdefault.jpg` width=320 height=180 alt="").image
       if video.second__lengthText != undefined
         span.duration= video.second__lengthText
     .info

sass/includes/video-list-item.sass

@@ -25,6 +25,9 @@
     display: flex
     background: c.$bg-darkest
 
+    &__link
+      font-size: 0 // remove whitespace around the image
+
   .image
     width: 160px
     height: 90px
@@ -39,6 +42,7 @@
     line-height: 1
     padding: 3px 5px 4px
     border-radius: 4px
+    pointer-events: none
 
   .title
     font-size: 15px