diff --git a/ui (gen4)/lib/widget/browse2.html b/ui (gen4)/lib/widget/browse2.html
index 58a17f5f..e96cfde4 100755
--- a/ui (gen4)/lib/widget/browse2.html	
+++ b/ui (gen4)/lib/widget/browse2.html	
@@ -47,6 +47,11 @@ body {
 	overflow: visible;
 }
 
+.browse-widget .list.items .text + .text:before {
+	content: " ";
+	white-space: pre;
+}
+
 .browse-widget .list .text .key-hint {
 	text-decoration-skip-ink: none;
 }
@@ -60,6 +65,9 @@ body {
 
 .item.path .text:before {
 	content: "/";
+	margin-left: 0.1em;
+	margin-right: 0.1em;
+	opacity: 0.5;
 }
 
 /* XXX experimental... */
@@ -273,7 +281,10 @@ requirejs([
 $(function(){
 
 	$('.container')
-		.draggable({ cancel: ".path .dir, .list div" })
+		.draggable({ 
+			//handle: '.list.header',
+			cancel: '.list.items',
+		})
 })
 
 
diff --git a/ui (gen4)/lib/widget/browse2.js b/ui (gen4)/lib/widget/browse2.js
index e74d7676..045cae68 100755
--- a/ui (gen4)/lib/widget/browse2.js	
+++ b/ui (gen4)/lib/widget/browse2.js	
@@ -3056,6 +3056,7 @@ var BaseBrowserPrototype = {
 	// 		first last elements...
 	// NOTE: if focus does not change this will trigger any handlers...
 	// NOTE: this will reveal the focused item...
+	// XXX SECTION_FOCUS
 	focus: makeItemEventMethod('focus', {
 		handler: function(evt, items){
 			var item = items.shift()
@@ -4454,6 +4455,7 @@ var HTMLBrowserPrototype = {
 		}, {skipDisabled: false})
 	},
 	// NOTE: element alignment is done via the browser focus mechanics...
+	// XXX SECTION_FOCUS
 	__focus__: function(evt, elem){
 		var that = this
 		elem