Improved soundtrack overview

pages/music/music.go

@@ -8,7 +8,7 @@ import (
 	"github.com/animenotifier/notify.moe/components"
 )
 
-const maxTracks = 10
+const maxTracks = 9
 
 // Get renders the music page.
 func Get(ctx *aero.Context) string {

pages/music/music.scarlet

@@ -1,8 +1,13 @@
 .sound-tracks
-	vertical
+	horizontal-wrap
+	justify-content space-around
 
 .sound-track
 	vertical
+	flex 1
+	flex-basis 500px
+	padding 1rem
+
 
 .sound-track-content
 	horizontal
@@ -21,7 +26,11 @@
 		opacity 0.65
 
 .sound-track-anime-link
-	//
+	display none
+
+> 800px
+	.sound-track-anime-link
+		display block
 
 .sound-track-anime-image
 	max-width 142px

pages/profile/profile.scarlet

@@ -90,22 +90,4 @@ profile-boot-duration = 2s
 // Categories
 
 .profile-category
-	margin-bottom content-padding
-
-	.sound-tracks
-		horizontal-wrap
-		justify-content space-around
-
-		.sound-track-anime-link
-			display none
-		
-		.sound-track
-			flex 1
-			flex-basis 500px
-			padding 1rem
-
-> 800px
-	.profile-category
-		.sound-tracks
-			.sound-track-anime-link
-				display block
+	margin-bottom content-padding