Fixed playlists page.

espidev · Jul 26, 2023 · 37503b5 · 37503b5
1 parent ac87f0d
commit 37503b5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/website/app/collection/hotcharts/page.tsx b/website/app/collection/hotcharts/page.tsx
@@ -110,7 +110,6 @@ export default function CollectionHotChartsPage() {
           }} onChange={handleSearch}/>
         </Grid>
 
-        {/* TODO: Top artists section? */}
         <Grid sx={{ display: "flex", padding: 2 }}>
           {albums.map((album, index) => {
             if (album)

diff --git a/website/app/collection/playlists/page.tsx b/website/app/collection/playlists/page.tsx
@@ -84,11 +84,19 @@ export default function CollectionPlaylistsPage() {
         </Button>
       </Grid>
 
-      {
-        playlists.map((playlist, index) => {
-          return <PlaylistCard key={index} playlist={playlist} />;
-        })
-      }
+      <Grid sx={{
+          display: "flex",
+          flexWrap: 'wrap',
+          justifyContent: 'start',
+          marginBottom: '5em',
+          padding: 2
+        }}>
+        {
+          playlists.map((playlist, index) => {
+            return <PlaylistCard key={index} playlist={playlist} />;
+          })
+        }
+      </Grid>
     </Grid>
   );
 }