From bba5e6522c4cb9bf70146b0e5de4c330390b67a7 Mon Sep 17 00:00:00 2001
From: RemixDev <RemixDev64@gmail.com>
Date: Thu, 9 Apr 2020 12:30:02 +0200
Subject: [PATCH] Added placeholder for loading images

---
 public/css/style.css | 9 ++++++++-
 public/index.html    | 4 ++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 1a05b1d..13fccbb 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -158,7 +158,14 @@ div#download_tab{
 	font-size: 24px;
 	margin: 4px;
 }
-
+.release > img{
+	width: 156px;
+	height: 156px;
+}
+.track_row > td > img{
+	width: 32px;
+	height: 32px;
+}
 /* Global stuff */
 img.rounded {
 	border-radius: 5px;
diff --git a/public/index.html b/public/index.html
index 627d04d..6ea8428 100644
--- a/public/index.html
+++ b/public/index.html
@@ -48,7 +48,7 @@ <h1>{{ names[section] }}</h1>
 									</div>
 									<div v-if="section == 'TRACK'">
 										<table class="tracks_table">
-											<tr v-for="track in results.TRACK.data.slice(0, 6)">
+											<tr v-for="track in results.TRACK.data.slice(0, 6)" class="track_row">
 												<td style="width: 48px;"><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td>
 												<td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td>
 												<td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td>
@@ -85,7 +85,7 @@ <h1>No Tracks found</h1>
 									<th><i class="material-icons">timer</i></th>
 									<th style="width: 56px;"></th>
 								</tr>
-								<tr v-for="track in results.data">
+								<tr v-for="track in results.data" class="track_row">
 									<td><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td>
 									<td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td>
 									<td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td>