feat: download video img title for a11y

Author: christian-fei

client/components/video-element.js

@@ -53,7 +53,7 @@ class VideoElement extends HTMLElement {
     this.innerHTML = /*html*/`
       ${this.video.downloaded
       ? /*html*/`<div class="play video-placeholder" style="background-image: url(${this.video.thumbnail})"><div class="play-icon"></div></div>`
-      : /*html*/`<img class="download" loading="lazy" src="${this.video.thumbnail}"/>`}
+      : /*html*/`<img title="Download video" class="download" loading="lazy" src="${this.video.thumbnail}"/>`}
       <span class="action ignore" tabindex="0">ignore</span>
       <div class="info">
         <span class="channel-name">${this.video.channelName}</span>

client/main.css

@@ -158,6 +158,7 @@ input[type="text"], input[type="url"], input[type="search"] {
 .video img {
   width: 100%;
   height: auto;
+  cursor: pointer;
 }
 .hide-thumbnails .video img {
   display: none !important;