Improved tag rendering

mixins/Input.pixy

@@ -23,7 +23,7 @@ component InputTags(id string, value []string, label string, tooltip string)
 		label(for=id)= label + ":"
 		.tags(id=id)
 			for index, tag := range value
-				.tag
+				.tag.tag-edit
 					span.tag-title.action(contenteditable="true", data-trigger="focusout", data-action="save", data-field=id + "[" + strconv.Itoa(index) + "]")= tag
 				button.tag-remove.action(data-action="arrayRemove", data-trigger="click", data-field=id, data-index=index)
 					RawIcon("trash")

pages/soundtrack/soundtrack.pixy

@@ -24,9 +24,9 @@ component Track(track *arn.SoundTrack)
 			
 			.widget.mountable
 				h3.widget-title Tags
-				ul
+				.tags
 					each tag in track.Tags
-						li= tag
+						.tag= tag
 
 		.footer.text-center.mountable
 			if track.EditedBy != ""

styles/tags.scarlet

@@ -10,6 +10,8 @@ mixin tag-dimensions
 	ui-element
 	tag-dimensions
 	margin-right 0
+
+.tag-edit
 	border-right none
 	border-top-right-radius 0
 	border-bottom-right-radius 0