Mostly cosmetic changes

pages/soundtrack/edit.go

@@ -49,8 +49,10 @@ func EditForm(obj interface{}, title string) string {
 	endpoint := `/api/` + lowerCaseTypeName + `/` + id.String()
 
 	var b bytes.Buffer
+
 	b.WriteString(`<div class="widget-form">`)
 	b.WriteString(`<div class="widget" data-api="` + endpoint + `">`)
+
 	b.WriteString(`<h1>`)
 	b.WriteString(title)
 	b.WriteString(`</h1>`)

pages/soundtrack/soundtrack.pixy

@@ -1,27 +1,32 @@
 component Track(track *arn.SoundTrack)
 	SoundTrackTabs(track)
 	
-	if track.Title == ""
+	.sound-track-full-page
-		h1 untitled
+		if track.Title == ""
-	else
+			h1.mountable untitled
-		h1= track.Title
-
-	.sound-tracks
-		SoundTrackAllMedia(track)
-
-	.footer.text-center
-		if track.EditedBy != ""
-			span Edited 
-			span.utc-date(data-date=track.Edited)
-			span  by 
-			span= track.EditedByUser().Nick
 		else
-			span Posted 
+			h1.mountable= track.Title
-			span.utc-date(data-date=track.Created)
-			span  by 
-			span= track.CreatedByUser().Nick
 
-		span .
+		.widget-form.sound-track-media-list
+			each media in track.Media
+				.widget.mountable
+					h3.widget-title= media.Service
+					.sound-track-media
+						ExternalMedia(media)
+
+		.footer.text-center.mountable
+			if track.EditedBy != ""
+				span Edited 
+				span.utc-date(data-date=track.Edited)
+				span  by 
+				span= track.EditedByUser().Nick
+			else
+				span Posted 
+				span.utc-date(data-date=track.Created)
+				span  by 
+				span= track.CreatedByUser().Nick
+			
+			span .
 
 component SoundTrackTabs(track *arn.SoundTrack)
 	.tabs

pages/soundtrack/soundtrack.scarlet

@@ -0,0 +1,6 @@
+.sound-track-media-list
+	vertical
+
+.sound-track-media
+	iframe
+		width 100%

pages/soundtracks/soundtracks.scarlet

@@ -8,7 +8,6 @@
 	flex-basis 500px
 	padding 1rem
 
-
 .sound-track-content
 	horizontal
 

styles/widgets.scarlet

@@ -20,6 +20,17 @@
 	margin-bottom 1rem
 	overflow hidden
 
+.widget-section
+	vertical
+	width 100%
+
+.widget-title
+	text-align left
+	padding-bottom 0.5rem
+	border-bottom 1px solid rgba(0, 0, 0, 0.1)
+	// We need !important here to overwrite the h3:first-child rule
+	margin 1rem 0 !important
+
 .widget-ui-element
 	vertical-wrap
 	ui-element
@@ -36,17 +47,6 @@
 	align-items center
 	width 100%
 
-.widget-section
-	vertical
-	width 100%
-
-.widget-title
-	text-align left
-	padding-bottom 0.5rem
-	border-bottom 1px solid rgba(0, 0, 0, 0.1)
-	// We need !important here to overwrite the h3:first-child rule
-	margin 1rem 0 !important
-
 .widget-form
 	width 100%
 	max-width 650px