diff --git a/public/css/style.css b/public/css/style.css index 42fe879..ccd7ea9 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -98,6 +98,9 @@ div#middle_section { #main_search > .search_section{ float: none; } +#search_tab .tab{ + margin-bottom: 24px; +} .top_result { display: flex; @@ -122,14 +125,21 @@ div#middle_section { } .release_grid{ - display: flex; - align-items:flex-start; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)); + grid-gap: 1rem; +} + +.release_grid.firstrow_only{ + grid-template-rows: 1fr; + grid-auto-rows: 0; + grid-row-gap: 0px; + overflow-y: hidden; } .release{ display: inline-block; width: 156px; - margin-right: 24px; } /* Download tab section */ diff --git a/public/index.html b/public/index.html index ba8eff9..17b894e 100644 --- a/public/index.html +++ b/public/index.html @@ -60,8 +60,8 @@

{{ names[section] }}

-
-
+
+

{{ 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' : '' }}