diff --git a/ui/TODO.otl b/ui/TODO.otl
index 78c97804..1c10e064 100755
--- a/ui/TODO.otl
+++ b/ui/TODO.otl
@@ -78,6 +78,9 @@ Priority work
 					[_] stretch to full screen
 					| NOTE: viewer % sizes may break things...
 					[_] restrict to horizontal / do a different vertical layout
+					[_] make buttons semi-transparent and same color as bg in all modes
+					| just like single image mode...
+					[_] make bg color switching in all modes
 				[_] 0% PC
 					[_] stretch to full screen
 					[_] hide buttons for keyboard actions
diff --git a/ui/gallery-prototype.js b/ui/gallery-prototype.js
index aaa70867..35ffb31e 100755
--- a/ui/gallery-prototype.js
+++ b/ui/gallery-prototype.js
@@ -36,6 +36,10 @@ var keys = {
 	moveViewLeft: [72],				//	h
 	moveViewRight: [76],			//	l
 
+	centerCurrentImage: [79],		//	o
+
+	toggleMarkers: [77],			//	m
+
 	// keys to be ignored...
 	ignore: [16, 17, 18],
 
@@ -232,10 +236,15 @@ function handleKeys(event){
 		: (fn(code, keys.moveViewDown) >= 0) ? moveViewDown()
 		: (fn(code, keys.moveViewLeft) >= 0) ? moveViewLeft()
 		: (fn(code, keys.moveViewRight) >= 0) ? moveViewRight()
+		: (fn(code, keys.centerCurrentImage) >= 0) ? centerCurrentImage()
 
 		: (fn(code, keys.toggleSingleImageMode) >= 0) ? toggleSingleImageMode()
 		: (fn(code, keys.toggleSingleImageModeTransitions) >= 0) ? toggleSingleImageModeTransitions()
 		: (fn(code, keys.toggleSingleImageModeWhiteBG) >= 0) ? toggleSingleImageModeWhiteBG()
+
+		// debug...
+		: (fn(code, keys.toggleMarkers) >= 0) ? toggleMarkers()
+
 		: (fn(code, keys.ignore) >= 0) ? false
 		// XXX
 		: (keys.helpShowOnUnknownKey) ? function(){alert(code)}()
diff --git a/ui/gallery.html b/ui/gallery.html
index 22e1be5d..22f834d2 100755
--- a/ui/gallery.html
+++ b/ui/gallery.html
@@ -61,14 +61,14 @@ $(document).ready(setup);
 <style>
 </style>
 
-<div class="viewer">
+<div class="viewer no-single-image-transitions">
 	<div class="controller">
 		<div class="screen-button demote">^</div>
 		<div class="screen-button prev-image">&lt;</div>
 		<div class="screen-button promote">v</div>
 		<div class="screen-button toggle-single">[ ]</div>
 		<div class="screen-button fit-three">ooo</div>
-		<div class="screen-button settings">settings</div>
+		<div class="screen-button settings">?</div>
 	</div>
 	<div class="container">
 		<div class="field">
@@ -92,11 +92,11 @@ $(document).ready(setup);
 </div>
 
 <div class="demo-buttons">
-	<button onclick="toggleMarkers()">Toggle Guides</button>
+	<button onclick="toggleMarkers()">Toggle Markers (m)</button>
 
 	<br><br>
 
-	<button onclick="centerCurrentImage()">center current</button>
+	<button onclick="centerCurrentImage()">center current (o)</button>
 	<button onclick="centerOrigin()">center origin</button>
 
 	<br><br>
@@ -113,10 +113,10 @@ $(document).ready(setup);
 
 	<br><br>
 
-	<button onclick="moveViewLeft()">left</button>
-	<button onclick="moveViewUp()">Up</button>
-	<button onclick="moveViewDown()">Down</button>
-	<button onclick="moveViewRight()">right</button>
+	<button onclick="moveViewLeft()">left (h)</button>
+	<button onclick="moveViewUp()">Up (k)</button>
+	<button onclick="moveViewDown()">Down (j)</button>
+	<button onclick="moveViewRight()">right (l)</button>
 
 	<!--br><br>
 	LEGACY:
@@ -138,8 +138,8 @@ $(document).ready(setup);
 
 	<br><br>
 
-	<button onclick="createRibbon('prev')">create ribbon above (helper)</button><br>
-	<button onclick="createRibbonBelow('next')">create ribbon below (helper)</button>
+	<button onclick="createRibbon('prev')" disabled>create ribbon above (helper)</button><br>
+	<button onclick="createRibbonBelow('next')" disabled>create ribbon below (helper)</button>
 
 	<br><br>