Nicer presentation of shot details

src/styles/_tasks.sass

@@ -46,6 +46,8 @@
 					left: -4px
 					font-size: .9em
 
+	.item-properties
+		padding: 1em
 
 #task-add
 	margin-left: auto

src/templates/attract/shots/view_shot_embed.jade

@@ -40,10 +40,22 @@
 				|  Save Shot
 			| {% endif %}
 
+.attract-box
+	dl.dl-horizontal.item-properties
+		dt Last update
+		dd {{ shot._updated | pretty_date }}
+		dt Cut-in
+		dd(title="Frame number of the first visible frame of this shot.")
+			| at frame {{ shot.properties.cut_in_timeline_in_frames }}
+		dt Duration in edit
+		dd(title="Duration of the visible part of this shot.")
+			| {{ shot.properties.duration_in_edit_in_frames }} frames
+		dt Trim start
+		dd(title="How many frames were trimmed off the start of the shot in the edit.")
+			| {{ shot.properties.trim_start_in_frames }} frames
+
 #item-view-feed
-	| Shot updated {{ shot._updated | pretty_date }}
-	pre.
-		{{ shot.to_dict() | pprint }}
+	| Activity feed here.
 
 script.
 	new Clipboard('.copy-to-clipboard');