diff --git a/public/css/style.css b/public/css/style.css
index 1bd90d9..fd6eefe 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -54,6 +54,7 @@ div#middle_section {
border: 0px;
border-radius: 6px;
background-color: var(--secondary-background);
+ color: var(--primary-text)
}
#content{
background-color: var(--main-background);
@@ -132,7 +133,7 @@ div#middle_section {
margin: 0px;
margin-bottom: 4px;
}
-.top_result > .info_box > p.subtitle, .release > p.subtitle {
+.secondary-text {
opacity: 0.75;
font-size: 14px;
}
@@ -154,6 +155,14 @@ div#middle_section {
display: inline-block;
width: 156px;
}
+.release > img{
+ width: 156px;
+ height: 156px;
+}
+.track_row > td > img{
+ width: 32px;
+ height: 32px;
+}
/* Download tab section */
div#download_tab_container{
@@ -181,14 +190,59 @@ div#download_tab{
font-size: 24px;
margin: 4px;
}
-.release > img{
- width: 156px;
- height: 156px;
+
+#download_list{
+ margin: 0px 8px;
}
-.track_row > td > img{
- width: 32px;
- height: 32px;
+#download_list > .download_object{
+ padding-bottom: 8px;
}
+
+#download_list > .download_object .download_info{
+ display: flex;
+ align-items: center;
+}
+#download_list > .download_object .download_info img{
+ width: 75px;
+ height: 75px;
+ display: inline-block;
+}
+#download_list > .download_object .download_info .download_line{
+ display: block;
+}
+#download_list > .download_object .download_info .download_slim_separator{
+ display: none;
+}
+#download_list > .download_object .download_info_data{
+ width: calc(100% - 83px);
+ padding-left: 8px;
+}
+#download_list > .download_object .download_info_status{
+ width: 80px;
+}
+#download_list.slim > .download_object .download_info img{
+ display: none;
+}
+#download_list.slim > .download_object .download_info .download_line{
+ display: inline-block;
+}
+#download_list.slim > .download_object .download_info .download_slim_separator{
+ display: inline-block;
+}
+#download_list.slim > .download_object .download_info_data{
+ width: auto;
+ display: inline-block;
+ padding-left: 0px;
+}
+#download_list.slim > .download_object .download_info_status{
+ width: auto;
+ display: inline-block;
+ float: right;
+}
+#download_list.slim > .download_object .download_info{
+ display: block;
+}
+
/* Global stuff */
img.rounded {
border-radius: 5px;
@@ -196,7 +250,6 @@ img.rounded {
img.circle {
border-radius: 50%;
}
-
.coverart{
background-color: var(--secondary-background);
}
@@ -208,7 +261,9 @@ span.tag {
font-size: 10px;
padding: 3px 6px;
}
-
.tracks_table{
width: 100%;
}
+.clickable{
+ cursor: pointer;
+}
diff --git a/public/index.html b/public/index.html
index 964ac7b..33dfffd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -49,8 +49,8 @@
{{ results.TOP_RESULT[0].__TYPE__ == 'artist' ? results.TOP_RESULT[0].ART_NAME : results.TOP_RESULT[0].__TYPE__ == 'album' ? results.TOP_RESULT[0].ALB_TITLE : results.TOP_RESULT[0].__TYPE__ == 'playlist' ? results.TOP_RESULT[0].TITLE : '' }}
-{{ results.TOP_RESULT[0].__TYPE__ == 'artist' ? numberWithDots(results.TOP_RESULT[0].NB_FAN) + ' fans' : results.TOP_RESULT[0].__TYPE__ == 'album' ? 'by '+results.TOP_RESULT[0].ART_NAME+' - '+results.TOP_RESULT[0].NUMBER_TRACK+' tracks' : results.TOP_RESULT[0].__TYPE__ == 'playlist' ? 'by '+results.TOP_RESULT[0].PARENT_USERNAME+' - '+results.TOP_RESULT[0].NB_SONG+' tracks' : '' }}
+{{ results.TOP_RESULT[0].__TYPE__ == 'artist' ? results.TOP_RESULT[0].ART_NAME : results.TOP_RESULT[0].__TYPE__ == 'album' ? results.TOP_RESULT[0].ALB_TITLE : results.TOP_RESULT[0].__TYPE__ == 'playlist' ? results.TOP_RESULT[0].TITLE : '' }}
+{{ results.TOP_RESULT[0].__TYPE__ == 'artist' ? numberWithDots(results.TOP_RESULT[0].NB_FAN) + ' fans' : results.TOP_RESULT[0].__TYPE__ == 'album' ? 'by '+results.TOP_RESULT[0].ART_NAME+' - '+results.TOP_RESULT[0].NUMBER_TRACK+' tracks' : results.TOP_RESULT[0].__TYPE__ == 'playlist' ? 'by '+results.TOP_RESULT[0].PARENT_USERNAME+' - '+results.TOP_RESULT[0].NB_SONG+' tracks' : '' }}
{{ results.TOP_RESULT[0].__TYPE__.charAt(0).toUpperCase() + results.TOP_RESULT[0].__TYPE__.substring(1)}}{{ section == 'ARTIST' ? release.ART_NAME : section == 'ALBUM' ? release.ALB_TITLE : section == 'PLAYLIST' ? release.TITLE : '' }}
-{{ section == 'ARTIST' ? numberWithDots(release.NB_FAN) + ' fans' : section == 'ALBUM' ? release.ART_NAME+' - '+release.NUMBER_TRACK+' tracks' : section == 'PLAYLIST' ? release.NB_SONG+' tracks' : '' }}
+{{ section == 'ARTIST' ? release.ART_NAME : section == 'ALBUM' ? release.ALB_TITLE : section == 'PLAYLIST' ? release.TITLE : '' }}
+{{ section == 'ARTIST' ? numberWithDots(release.NB_FAN) + ' fans' : section == 'ALBUM' ? release.ART_NAME+' - '+release.NUMBER_TRACK+' tracks' : section == 'PLAYLIST' ? release.NB_SONG+' tracks' : '' }}
{{ release.ALB_TITLE }}
-{{ 'by '+release.ART_NAME }}
+{{ release.ALB_TITLE }}
+{{ 'by '+release.ART_NAME }}
{{ release.ART_NAME }}
-{{ numberWithDots(release.NB_FAN) + ' fans' }}
+{{ release.ART_NAME }}
+{{ numberWithDots(release.NB_FAN) + ' fans' }}
{{ release.TITLE }}
-{{ release.NB_SONG+' tracks' }}
+{{ release.TITLE }}
+{{ release.NB_SONG+' tracks' }}