[IMP] download queue template

static/css/style.css

@@ -128,6 +128,12 @@ a {
   transform: translate(-50%, -50%);
 }
 
+.vinyl-card {
+    background-image: url('/static/img/vinyl-card.png');
+    background-position: right;
+    border-radius: 20px;
+}
+
 @keyframes spin-animation {
   0% {
     transform: rotate(0deg);

templates/base.html

@@ -34,9 +34,9 @@
                         <a href="#download-queue">
                             <i class="las la-3x la-server queue_btn"></i>
                         </a>
-                        <a href="#download-queue">
+{#                        <a href="#download-queue">#}
-                            <i class="las la-3x la-server queue_btn"></i>
+{#                            <i class="las la-3x la-server queue_btn"></i>#}
-                        </a>
+{#                        </a>#}
                     </span>
                 </div>
 

templates/download_queue.html

@@ -7,7 +7,7 @@
                         <div class="col-md-3">
 
                             <div class="dl_queue_img">
-                                {% if not album_id.downloading %}
+                                {% if album_id.downloading %}
                                     <div class="icn-downloading">
                                         <i class="la la-6x la-compact-disc icn-spinner text-white"></i>
                                     </div>
@@ -17,17 +17,17 @@
                             </div>
 
                         </div>
-                        <div class="col-md-9">
+                        <div class="col-md-9 vinyl-card">
                             <div class="card-body">
-                                <h5 class="card-title">{{ album_id.album }}</h5>
+                                <a href="https://youtube.com{{ album_id.link }}" target="_blank">
-                                <p class="card-text">{{ album_id.artist }}</p>
+                                    <h3 class="card-title">{{ album_id.album }}</h3>
+                                </a>
+                                <h5 class="card-text" style="font-weight: bold; font-family: serif;">{{ album_id.artist }}</h5>
                                 {% if album_id.downloading %}
                                     <p>Downloading...</p>
                                 {% else %}
-                                    <p>Waiting to Download</p>
+                                    <p class="text-muted">Waiting to Download</p>
                                 {% endif %}
-                                <p class="card-text"><small class="text-muted"><a
-                                        href="https://youtube.com{{ album_id.link }}">Album Page</a></small></p>
                             </div>
                         </div>
                     </div>