From 577fae1a283473a7f40a8d87063393f492f14936 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Tue, 4 Jun 2013 22:26:37 +0400
Subject: [PATCH] added flip info...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui/info.js    | 15 ++++++++++++---
 ui/layout.css |  3 +++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/ui/info.js b/ui/info.js
index 85625468..6dc0f701 100755
--- a/ui/info.js
+++ b/ui/info.js
@@ -42,8 +42,14 @@ function updateGlobalImageInfo(image){
 			'<span class="shown">R</span>'+
 			'<span class="hidden"><b>R</b>otated: '+orientation+'&deg;CW</span>') : ''
 
-	// XXX
-	//var flip = data.flip
+	var flip = data.flipped
+	flip != null ? meta.push(
+				'<span class="shown">F</span>'+
+				'<span class="hidden"><b>F</b>lipped: '+
+					//flip.map(function(e){ return e[0].capitalize() }).join(', ')+
+					flip.map(function(e){ return e.capitalize() }).join(', ')+
+				'</span>') 
+			: ''
 
 
 	meta = meta.join(', ') 
@@ -70,9 +76,12 @@ function updateGlobalImageInfo(image){
 
 			// metadata...
 			'<span class="secondary expanding-text metadata">'+
-				meta + ' GID:'+
+				meta +
+			'</span> '+
+			'<span class="secondary expanding-text metadata">'+
 				// XXX do we need to display a short gid?
 				//gid +
+				'GID:'+
 				'<span class="shown">'+ 
 					gid.slice(gid.length-6) +
 				'</span>'+
diff --git a/ui/layout.css b/ui/layout.css
index 0f241ade..34d50f5f 100644
--- a/ui/layout.css
+++ b/ui/layout.css
@@ -567,6 +567,9 @@ body {
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box;
+  white-space: nowrap;
+  /*overflow: hidden;*/
+
   background: black;
   color: white;
   opacity: 0.6;