diff --git a/public/css/style.css b/public/css/style.css index 509abf6..206b788 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -41,10 +41,11 @@ div#middle_section { background-color: #eeeeee; } #content{ - background-color: #eeeeee; - width: 100%; + background-color: #ffffff; + width: calc(100% - 10px); height: calc(100% - 48px); overflow-y: scroll; + overflow-x: hidden; padding-left: 10px } #content::-webkit-scrollbar { @@ -52,7 +53,7 @@ div#middle_section { } #content::-webkit-scrollbar-track { - background: #eeeeee; + background: #ffffff; } #content::-webkit-scrollbar-thumb { @@ -96,7 +97,6 @@ div#middle_section { } .top_result > img { display: inline-block; - border-radius: 5px; width: 156px; height: 156px; } @@ -104,7 +104,7 @@ div#middle_section { display: inline-block; padding-left: 24px; } -.top_result > .info_box > p { +.top_result > .info_box > p, .release > p { margin: 0px; margin-bottom: 4px; } @@ -112,6 +112,17 @@ div#middle_section { opacity: 0.75; } +.release_grid{ + display: flex; + align-items:flex-start; +} + +.release{ + display: inline-block; + width: 156px; + margin-right: 24px; +} + /* Download tab section */ div#download_tab_container{ background-color: #222324; @@ -141,6 +152,9 @@ div#download_tab{ /* Global stuff */ img.rounded { + border-radius: 5px; +} +img.circle { border-radius: 50%; } span.tag { @@ -151,3 +165,7 @@ span.tag { font-size: 10px; padding: 3px 6px; } + +.tracks_table{ + width: 100%; +} diff --git a/public/index.html b/public/index.html index 75fcf2e..b8c92c5 100644 --- a/public/index.html +++ b/public/index.html @@ -30,16 +30,32 @@

{{ names[section] }}

- +
-

{{ results[section][0].__TYPE__ == 'artist' ? results[section][0].ART_NAME : results[section][0].__TYPE__ == 'album' ? results[section][0].ALB_TITLE : '' }}

-

{{ results[section][0].__TYPE__ == 'artist' ? results[section][0].NB_FAN + ' fans' : results[section][0].__TYPE__ == 'album' ? 'by '+results[section][0].ART_NAME+' - '+results[section][0].NUMBER_TRACK+' tracks' : '' }}

- {{ results[section][0].__TYPE__.charAt(0).toUpperCase() + results[section][0].__TYPE__.substring(1)}} +

{{ 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__ == 'artist' ? 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__.charAt(0).toUpperCase() + results.TOP_RESULT[0].__TYPE__.substring(1)}}
-
- +
+ + + + + + + + + +
{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}{{artist.ART_NAME}} {{track.ALB_TITLE}}{{track.DURATION}}get_app
+
+
+
+ +

{{ section == 'ARTIST' ? release.ART_NAME : section == 'ALBUM' ? release.ALB_TITLE : section == 'PLAYLIST' ? release.TITLE : '' }}

+

+