From 0c8830793cb2410ae3e174b1a025ac0a2ce216bd Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Mon, 2 Jan 2023 17:44:02 +0700
Subject: [PATCH] add vid_type tag to queue thumb

---
 tubearchivist/home/templates/home/downloads.html | 15 +++++++++------
 tubearchivist/static/css/style.css               | 12 ++++++++----
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/tubearchivist/home/templates/home/downloads.html b/tubearchivist/home/templates/home/downloads.html
index 7b51572..4d5bbf5 100644
--- a/tubearchivist/home/templates/home/downloads.html
+++ b/tubearchivist/home/templates/home/downloads.html
@@ -73,11 +73,14 @@
                     <div class="video-thumb-wrap {{ view_style }}">
                         <div class="video-thumb">
                             <img src="{{ video.source.vid_thumb_url }}" alt="video_thumb">
-                            {% if show_ignored_only %}
-                                <span>ignored</span>
-                            {% else %}
-                                <span>queued</span>
-                            {% endif %}
+                            <div class="video-tags">
+                                {% if show_ignored_only %}
+                                    <span>ignored</span>
+                                {% else %}
+                                    <span>queued</span>
+                                {% endif %}
+                                <span>{{ video.source.vid_type }}</span>
+                            </div>
                         </div>
                     </div>
                     <div class="video-desc {{ view_style }}">
@@ -96,7 +99,7 @@
                                 <button data-id="{{ video.source.youtube_id }}" onclick="addSingle(this)">Add to queue</button>
                             {% else %}
                                 <button data-id="{{ video.source.youtube_id }}" onclick="toIgnore(this)">Ignore</button>
-                                <button id="{{ video.source.youtube_id }}" data-id="{{ video.source.youtube_id }}" data-type="{{ video.source.vid_type }}" onclick="downloadNow(this)">Download now</button>
+                                <button id="{{ video.source.youtube_id }}" data-id="{{ video.source.youtube_id }}" onclick="downloadNow(this)">Download now</button>
                             {% endif %}
                         </div>
                     </div>
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index 4e74795..337c3ba 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -462,7 +462,7 @@ video:-webkit-full-screen {
     overflow: hidden;
 }
 
-.video-item:hover .video-thumb span {
+.video-item:hover .video-thumb div {
     opacity: 1;
 }
 
@@ -486,16 +486,20 @@ video:-webkit-full-screen {
     position: relative;
 }
 
-.video-thumb span {
+.video-thumb div {
     position: absolute;
     top: 5px;
-    left: 5px;
-    background-color: var(--accent-font-light);
+    left: 0;
     padding: 5px;
     opacity: 0;
     transition: 300ms ease-in-out;
 }
 
+.video-tags span {
+    background-color: var(--accent-font-light);
+    padding: 5px;
+}
+
 .video-play img {
     width: 40px;
     filter: var(--img-filter);