Further improved design

pages/amv/amv.scarlet

@@ -5,7 +5,7 @@ const amv-large-width = 854px
 
 .amv
 	width 100%
-	margin calc(content-padding / 2) 0
+	margin 1rem 0
 
 	.video-container
 		box-shadow shadow-medium

pages/anime/anime.scarlet

@@ -73,6 +73,9 @@
 .anime-soundtracks
 	vertical
 
+	.soundtrack
+		margin 1rem 0
+
 	.soundtrack-content
 		border-bottom-left-radius ui-element-border-radius !important
 		border-top-left-radius ui-element-border-radius !important
@@ -87,7 +90,7 @@
 
 		.soundtrack
 			max-width 200px
-			padding 0.5rem
+			margin calc(content-padding / 2)
 
 		.soundtrack-content
 			min-height 112px

pages/soundtracks/fetch.go

@@ -7,6 +7,6 @@ import (
 // fetchAll returns all soundtracks
 func fetchAll() []*arn.SoundTrack {
 	return arn.FilterSoundTracks(func(track *arn.SoundTrack) bool {
-		return !track.IsDraft && len(track.Media) > 0
+		return !track.IsDraft && track.File != ""
 	})
 }

pages/soundtracks/soundtracks.scarlet

@@ -16,9 +16,9 @@ const soundtrack-margin = 1rem
 
 .soundtrack-content
 	horizontal
-	border-radius ui-element-border-radius
 	box-shadow shadow-light
 	min-height 200px
+	border-radius ui-element-border-radius
 	overflow hidden
 
 	iframe