tweaking...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui (gen4)/css/experimenting.css

@@ -538,6 +538,12 @@ body {
 	visibility: visible !important;
 }
 
+.metadata-view .text+.text {
+	font-style: italic;
+}
+.metadata-view .text+.text+.text {
+	margin-left: 0.5em;
+}
 
 
 /* DEBUG stuff... */

ui (gen4)/features/metadata.js

@@ -382,34 +382,35 @@ var MetadataUIActions = actions.Actions({
 							}) }
 
 					// preview...
-					make(['Preview:', this.updatePreview()], {
+					make(['Preview:', this.updatePreview()], 
-						cls: 'preview',
+						{ cls: 'preview' })
-					})
 					make.Separator()
 
 					// essentials...
 					make(['$GID: ', image])
 					// NOTE: these are 1-based and not 0-based...
-					make(['Index (ribbon): ', 
+					make(['Index: ',
+						// ribbon...
 						that.data.getImageOrder('ribbon', image) + 1
-						+'/'+ 
-						that.data.getImages(image).len])
-					// show this only when cropped...
-					make(['Index (global): ', 
-						that.data.getImageOrder(image) + 1
-						+'/'+ 
-						that.data.getImages('all').len])
-					// crop-specific stuff...
-					;(that.crop_stack && that.crop_stack.len > 0)
-						&& make(['Index (crop): ', 
-							that.data.getImageOrder('loaded', image) + 1
 							+'/'+ 
-							that.data.getImages('loaded').len])
+							that.data.getImages(image).len
-					// ribbons order...
+							+ 'R',
-					make(['Ribbon: ',
+						// crop...
+						...((that.crop_stack && that.crop_stack.len > 0) ?
+							[that.data.getImageOrder('loaded', image) + 1
+							+'/'+ 
+							that.data.getImages('loaded').len
+							+ 'C']
+							: []),
+						// global...
+						that.data.getImageOrder(image) + 1
+							+'/'+ 
+							that.data.getImages('all').len
+							+ 'G', ])
+					make(['Ribbon:',
 						that.data.getRibbonOrder(image) + 1
 						+'/'+
-						Object.keys(that.data.ribbons).length])	
+						Object.keys(that.data.ribbons).length])
 
 					make.Separator()
 

ui (gen4)/features/tags.js

@@ -711,7 +711,7 @@ var TagUIActions = actions.Actions({
 		function(make, gid, image){
 			var that = this
 
-			make(['Tags:', 
+			make(['$Tags:', 
 				function(){
 					return that.data.getTags(gid).join(', ') }], 
 				{